@media only screen and (min-width: 768px) and (max-width: 992px)
{
.tit { font-size: 33px;}
.txt{width: 65%;margin: 5% 0% 23% 4%;}
.wel_txt {font-size: 18px;}
.register_form:before{left: 27.8%;}
.avatar1{left: 42.7%;}
.register_form{height: auto;}
.custom_tab1, .custom_tab2, .custom_tab3, .custom_tab4 {width: 37.4%;}
#ppmChecklistlist, #ppmHistorylist { overflow-y: auto; height: 500px; }
.asset-track .nav-tabs>li{width:50%;text-align: left}
}

@media (max-width: 767px) {
.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #DDD; -webkit-overflow-scrolling: touch;  background:#fff;}
.tit { font-size: 30px;}
.txt{width: 64%;font-size: 24px;}
.cmpy{text-align: center;}
.cmpy img{float: none;margin: 1% 0 3% 0 !important;}
.navbar-nav> li:not(:last-child)::after { color: rgba(255, 255, 255, 0)!important;}
.register_form:before{left: 0.8%;}
.avatar1{left: 22.7%;}
.register_form{height: auto;}
.formInnerContent1{width: 100%;}
input.submit_button1{width: 96%;}
.custom_tab1, .custom_tab2, .custom_tab3, .custom_tab4 {width: 100%;margin-right: 0 !important;margin-left: 0 !important}
#ppmChecklistlist, #ppmHistorylist { overflow-y: auto; height: 500px; }
.from_to_bx, .r2_wid19, .r2_wid10,.r2_wid70, #request .req_det .form-group input{width:100%}
.sos-mail .col-md-6.col-sm-12:nth-child(2){padding: 20px 0}
.asset-track .nav-tabs>li, .res-100{width:100%}
/* Menu */
.header-menu .navbar-header .navbar-toggle{width: 100%; background: #fff; margin: 10px 0 0 0;padding: 12px;border-radius: 0}
.header-menu span.menu{color: #333; font-size: 15px; line-height: 15px}
.header-menu ul.nav li.dropdown{width:100%}
.header-menu ul.nav li.dropdown ul.dropdown-menu li a{color:#fff}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background: rgb(51, 51, 51); padding: 10px;}
.header-menu ul.nav.navbar-nav{margin: 0}
.header-menu ul.navbar-nav>li a{margin-top:10px}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{  width: 100%; border-radius: 0; }


.login_form {    width: 100%;    max-width: 434px;    padding: 70px 20px 19px;    margin: 125px auto 0;}
    .banner_bg { height:auto; overflow:auto}
    .cmp_logo .logo_left {    position: absolute;    top: 20px;    left: 20px;    max-width: 130px;}
    .cmp_logo .logo_right { max-width:72px; top:20px; right:20px;}
    .login_form:before {    left: 50%;    margin-left: -115px;}
.avatar h2{    font-size: 22px;}
    .avatar.reset_password_avatar h2 { font-size:19px;}
.avatar {    top: -21px;}
    input.req_button {height: 51px;    background-size: 28px;}
    .forget_password { margin:0px;}
    .formInnerContent .checkbox {        float: left;        width: 100%;        display: inline-block;    }
    .forget_password a { color:#000;}
    .avatar.reset_password_avatar {        left: 50%;        margin-left: -62px;    }
input.submit_button{ font-size:18px;     margin-top: 15px;}
    input.input_box { font-size:16px!important}
    .go_button, .input_fields { width:100%;}
.formInner hr{    margin-top: 10px;    margin-bottom: 10px;}

    .pop_div { padding:0px;}
    .pop_div .col-lg-3 { margin-bottom:10px;}
    .modal-header h3 {text-align: left;     font-size: 18px;}

.wid100 { width:100%;  display:inline-block;}
.pull-right.ser_req_no{margin: 10px 0;    padding: 10px;}
    .cmpy {    margin: 5px 0 0 0;}
    .from_to_bx {    float: left;  padding: 5px 5px;    display: inline-block;    margin: 5px 0; width:50%; position:relative}
.d-inline-all .col-sm-6, .d-inline-all .col-sm-3{ display:inline-block; width:100%;}
.from_to_bx input{    margin: 0!important;     max-width: 100%;}
.from_to_bx .glyphicon.glyphicon-search {    position: absolute;    width: 33px;    height: 32px;    background: #4b4d4c;    text-align: center;    line-height: 30px;    border-radius: 0;    right: 0;    top: 25px;    margin: 0;    color: #fff;}
.titletxt { font-size:18px;}
.wel_txt {    font-size: 16px;    margin: 17px 0 0 10px;}
.cap_header .logo a img {    width: 25px;}
ul#myTab {    border: none;    float: left;    padding: 0 15px;    white-space: nowrap;    display: flex;    overflow-x: auto;    width: calc(100% - 15px);}
ul#myTab li {    width: auto;}
    .box1, .box2, .box3, .box4, .box5, .box6{    background-size: cover!important; width: 48px;    height: 48px;     margin: 0;    position: absolute;    left: 10px;    top: 10px; }
    #box1, #box2, #box3, #box4, #box5, #box6 {    padding-left: 60px; position:relative;}
    .box_txt {text-align:left;     font-size: 18px;}
    #report p {font-size: 20px;    color: #fff;    margin: 10px;    float: left;    margin-top: 0;}
.box2{ background-position:-160px 0}
.box3{ background-position:-320px 0}
.box4{ background-position:-480px 0}
.box5{ background-position:-640px 0}
.box6{ background-position:-800px 0}
    table.table-bordered tbody th, table.table-bordered tbody td { white-space:nowrap}
    .cs-center { display:inline-block; width:100%; text-align:center}
    .pagination.cs-center { text-align:center; padding-bottom:10px;}
    .ser_req_no input {width: 105px;}
    .media .media-left.media-middle a img { width: 50px;}
    .media-body {display: inline-block;    width: 100%;}
.staus b{    width: 100%;    display: inline-block;}
.media {    margin: 10px;}
    .media .media-left.media-middle a img {margin:0 auto 10px}
    .control_label_right, .control_label_left { width:100%; display:inline-block;}
    #HelpdeskDet .select2-container { width:90%!important}
    .form-horizontal .form-group span.col-xs-4{    width: 100%;    text-align: left;}
    .custom_staus_red {    float: none!important;    margin: 0;    margin-bottom: 15px;    display: inline-block;}
    .control_label_left {    color: #666;    font-weight: 600; font-size: 14px;}
    select { width:100%;}

    }