/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    body, html {
        background: url(images/bg-1x.jpg) !important;
        background-position-y: 100%!important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px){
    .default-theam .bar .navbar-brand .img-logo, .default-theam .bar.afixed .navbar-brand .img-logo {
        width:35%;
        
    }
    .button {
            width:150px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px){
    .default-theam .bar .navbar-brand .img-logo, .default-theam .bar.afixed .navbar-brand .img-logo {
        width: 90%;
        margin-left: 20px !important;
        margin-top: -6px !important;
    }
}





































/*============================================= Css Of Small Device ======================================================*/

@media (max-width: 767px){
    /*html, body {
        background: none !important;
    }*/
    .form-group label {
        margin-bottom: 5px;
        width: 100%;
    }
    .form-control {
        display: block;
        min-width: 100%;
    }
    .col-box {
        padding: 15px;
        display: block;
    }
    .default-theam .wrapper h1.page-title {
        font-size: 23px;
        margin-top: 15px;
    }
    .modal-dialog {
        width: 100% !important;
    }
    .default-theam .bar .navbar-brand .img-logo {
            width: 12% !important;
    }

    /*--Old--*/
    /*div.dataTables_wrapper div.dataTables_length select {
        width: 10px !important;
        display: inherit;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        width: 100px;
    }
    .ajax__tab_default .ajax__tab_header {
        display: table;
    }
    span#ContentPlaceHolder1_tb_auction_TabPanel1_tab {
        display: inline-table;
    }
    .fancy .ajax__tab_active .ajax__tab_outer, .fancy .ajax__tab_header .ajax__tab_outer, .fancy .ajax__tab_hover .ajax__tab_outer {
        height: 50px !important;
        width: 120px;
    }
    .fancy .ajax__tab_body {
        min-height: 175px;
    }
    .fancy .ajax__tab_tab {
        min-width: 100px;
        height: 38px;
        line-height: 32px;
    }
    .tb_auction input[value="Previous"], .tb_auction input[value="Next"]  {
        display: block;
        position: inherit;
        text-align: center;
        width: 92%;
        margin: 10px;
    }*/

    /*-- New --*/
    .dataTables_wrapper.form-inline .dataTables_length .form-control.input-sm {
        margin-left: 10px;
        width: 40px !important;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        width: 110px !important;
    }

    .fancy.fancy-red .table-responsive {
        /*width: 323px;*/
        /*width: 100%;*/
    }

    .table-responsive {
        overflow-x: auto !important;
        width: 100%;
    }

    fancy.fancy-red .table-responsive {
        width: 100%;
    }

    .fancy .ajax__tab_body {
        min-height: 220px;
        height: auto !important;
        display: block;
        width: 100%;
    }

    .table-grd-auction thead tr th, .table-grd-auction thead tr td, .table-grd-auction thead tr td span {
        width: auto !important;
    }

    .table.ifttransferone {
        border-bottom: 0px !important;
        display: block;
        width: 204px !important;
    }
    input[type=file] {
        width: 100% !important;
    }
    textarea.form-control {
        height: auto;
        height: 100px !important;
        max-width: 100% !important;
    }
    .p-r-5 {
        padding-right: 15px!important;
    }
    .p-l-5 {
        padding-left: 15px!important;
    }
    .form-content.common-form .form-group {
        margin-bottom: 15px;
        text-align: left !important;
    }
    .dataTables_wrapper.form-inline.dt-bootstrap .row .col-sm-6 {
        width: 23%;
        display: inline-block; 
        /*vertical-align: top;*/
    }
    .dataTables_wrapper.form-inline.dt-bootstrap.no-footer .dataTables_length {
        margin-top:0;
    }
    .dataTables_wrapper.form-inline .dataTables_length .form-control.input-sm {
        margin-left: 10px;
        width: 100% !important;
    }
    .footable.breakpoint > tbody > tr > td {
        vertical-align: top;
    }
    .table-grd-auction-history.footable thead tr th:first-child {
          width: 20px;
          padding-right: 10px;
    }
    .table-grd-auction-history.footable tbody tr td:first-child {
          width: 20px;
          padding-right: 10px
    }
    .table-grd-auction-history.footable tbody tr td:nth-child(2) {
         width: 90px !important;
         padding-right: 10px;
    }
    .table-grd-auction-history tbody tr td:last-child {
        width: 100px !important;
        text-align: center;
        padding-right: 10px;
    }
    .table thead tr th {
        vertical-align: top;
    }
    table.mydatagrid tbody th, table.mydatagrid tbody td, table.mydatagrid thead th{
        vertical-align: top;
        border: none;
    }
}

/*------------------- mobile (landscape) --------------------

@media only screen and (min-width: 320px) and (max-width: 768px) and (orientation: landscape){
    .default-theam .bar .navbar-brand .img-logo, .default-theam .bar.afixed .navbar-brand .img-logo {
        width: 14%;
    }
    .button {
        width: 120px;
    }
}

/*------------------ mobile(portrait) -------------------*/

@media only screen and (min-width: 361px) and (max-width: 416px) and (orientation: portrait){
    .default-theam .bar .navbar-brand .img-logo, .default-theam .bar.afixed .navbar-brand .img-logo {
        /*width: 25%;*/
         top: 7px;
         left: 6%;
    }
    .button {
        width: 94px;
    }
    .button.loginbtn{
        width: 190px;
    }
    body, html {
        /*background: url(images/bg-2x.jpg) !important;*/
        background-size: cover !important;
        background-attachment: fixed !important;
        background-position-y: bottom !important;
        background-repeat: no-repeat !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 360px) and (orientation: portrait){
    .default-theam .bar .navbar-brand .img-logo, .default-theam .bar.afixed .navbar-brand .img-logo {
        width: 28%;
    }
    .button {
        width: 80px;
    }
    .fancy .ajax__tab_tab {
        min-width: 115px;
        height: 38px;
        line-height: 32px;
    }
    body, html {
        /*background: url(images/bg-1x.jpg) !important;*/
        background-size: cover !important;
        background-attachment: fixed !important;
        background-position-y: bottom !important;
        background-repeat: no-repeat !important;
    }
}



/*============================================= Css Of Medium Device ======================================================*/

/*--------------- iPads (landscape) ------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    .col-lg-6.col-sm-offset-2 {
        transform: translateY(5%);
    }
    .button.loginbtn {
        width: 280px;
        height: 54px;
    }
    .title-signin {
        left: 0.5%;
    }
    .frm-signin {
        width: 75%;
    }
    .frm-signin .form-group {
        margin-bottom: 20px;
    }
    .col-box {
        display: block;
    }
}

/*--------------- iPads (portrait) ------------*/
@media only screen and (min-width: 992px) and (max-width: 1024px) and (orientation: portrait){
    .col-lg-6.col-sm-offset-2 {
        transform: translateY(30%);
    }
    .button.loginbtn {
        width: 280px;
        height: 54px;
    }
    .title-signin {
        left: 0.5%;
    }
    .frm-signin {
        width: 75%;
    }
    .frm-signin .form-group {
        margin-bottom: 20px;
    }
    .col-box {
        display: block;
    }
    .modal-dialog {
        width: 70% !important;
    }
     #UpdatePanel1 .col-md-5, .col-md-100 {
        width: 100%;
    }
}

@media  screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait){
    .col-lg-6.col-sm-offset-2 {
        transform: translateY(20%);
    }
    .title-signin {
        left: 0.5%;
    }
    .button.loginbtn {
        width: 230px;
    }
    .col-box {
        display: block;
    }
    .fancy .ajax__tab_body {
        display: block;
        width: 100%;
    }
    .modal-dialog {
        width: 70% !important;
    }

}

@media only screen and (min-width: 600px) and (max-width: 767px) and (orientation: portrait){}



/*============================================= Css Of Large Device ======================================================*/

@media only screen  and (min-width : 1825px) and (max-width: 1920px){}
@media only screen  and (min-width : 1600px) and (max-width: 1824px){
    .default-theam .bar .navbar-brand .img-logo {
        width: 25%;
        top: 5px;
        left: 15%;
    }

    .default-theam .bar.afixed .navbar-brand .img-logo {
        width: 50%;
        top: 5px;
        left: 20%;
    }

    .default-theam.active {
        width: 81.4%;
    }

    .default-theam.active .bar {
        width: 78.5%;
    }

    .default-theam.active .bar .navbar-brand .img-logo {
        width: 20%;
        top: 7px;
        left: 9%;
    }

    .default-theam.active .bar.afixed .navbar-brand .img-logo{
        width: 20%;
        top: 7px;
        left: 9%;
    }
    
    .setting-toggle {
        top: 90%;
    }
}
@media only screen  and (min-width : 1367px) and (max-width: 1599px){
    /*.default-theam .bar .navbar-brand .img-logo {
        width: 48%;
        top: 3px;
        left: 15%;
    }*/
   

    /*.default-theam .bar.afixed .navbar-brand .img-logo {
        width: 48%;
        top: 3px;
        left: 15%;
    }*/

    .default-theam.active {
        width: 81.4%;
    }

    .default-theam.active .bar {
        width: 78.5%;
    }

    .default-theam.active .bar .navbar-brand .img-logo {
        width: 20%;
        top: 7px;
        left: 9%;
    }

    .default-theam.active .bar.afixed .navbar-brand .img-logo{
        width: 20%;
        top: 7px;
        left: 9%;
    }
    
    .setting-toggle {
        top: 90%;
    }
    .frm-signin {
        transform: translate(-50%, 20%);
    }

    .frm-signin .logo-img img {
        width: 28%;
        margin: 5px auto 20px auto;
    }

    .frm-signin .icon i {
        font-size: 12px;
    }

    .frm-signin .form-control {
        height: 40px;
        font-size: 12px;
        text-indent: 44px;
    }

    .frm-signin .icon {
        width: 44px;
        font-size: 14px;
        display: inline-block;
        padding: 6px 8px 6px 12px;
        height: 30px;
        margin: 4px 0px;
        line-height: 15px;
    }

    .frm-group-bottom {
        margin-bottom: 15px;
    }

    .frm-signin {
        width: 75%;
        margin: 0 auto;
        padding: 25px 40px 40px 40px;
        transform: translate(-50%, 30%);
        left: 50%;
        top: 50%;
    }

    body, html {
        background-attachment: fixed !important;
        background-position-y: 80% !important;
    }

}
@media  screen and (min-width: 1025px) and (max-width: 1366px) and (orientation: landscape){
    body, html {
        background-attachment: fixed !important;
        background-position-y: 0% !important;
    }
    .frm-signin {
        transform: translate(-50%, 22%);
    }
}
@media (min-width: 1920px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
     .default-theam .bar .navbar-brand .img-logo, .default-theam .bar.afixed .navbar-brand .img-logo {
                width: 50px !important;
                margin-left: 50px;
                margin-top: -6px;
            }
}
@media (min-width: 1280px) and (max-width:950px) {

    .default-theam .bar .navbar-brand .img-logo, .default-theam .bar.afixed .navbar-brand .img-logo {
        margin-left:30px;
        margin-top:-3px;
    }
}