@media only screen and (max-width:1366px) {

    .viewport-part td p {
        width: 76%;
    }
    .etf_phno{
        padding:35px 0;
    }
   
    /*header{
        min-height:100px;
    }*/
    .left-wrap{
        width:200px;
    }
    .inner-wrap{
        padding-left:0px;
    }
    .dash-leftpart{
        padding-right:335px;
    }
    .right-innerwrap{
        width:320px;
    }
    .left-inner a .logo-shape{
        top:40px;
    }
    .drop-table .headField {
        max-width: 280px;
    }
    .drop-table{
        width:50%;
    }
    .orgtd2{
        width:55%;
        max-width:55%;
    }
    .inner-wrap header {
        padding-right:200px;
    }
    .ontext{
        display:block;
    }
   .comment-height {
        max-height:190px !important;
    }   
}

@media only screen and (max-width:1280px) {
    .onclick-menu {
        font-size: 12px;
    }
}
@media only screen and (max-width:1200px){
    .modal-dialog{max-width:90%;}
    .dashboard_left li a{padding:10px;font-size: 14px;}
    aside .left-wrap{width:140px;}
    body .inner-wrap{padding-left:0px ;}
}
@media only screen and (max-width:1120px) {
    .currtax-drop, .globe-txt {
        background-image: none;
    }

    .return-link a {
        font-size: 13px;
    }
    .ontext{
        display:block;
    }
}

@media only screen and (max-width:1024px) {

    #RenderReturns { margin-top: 15px; clear: both; }
        .viewtable td a {
            margin-top: 10px;
        }

    .disblock-table td {
        width: 100%;
        display: block;
        clear: both;
        text-align:left !important;
    }

        .disblock-table td input[type="text"], .disblock-table td input[type="password"] {
            width: 100%;
        }

    table.gridTable thead {
        display: block;
        float: left;
        /*min-width: 38.7%;*/
    }

        table.gridTable thead tr th:first-child {
            /*min-height: 60px;*/
        }

    table.gridTable tbody tr td:first-child {
        /*min-height: 60px;*/
    }

    table.gridTable tr {
        display: block;
    }

    table.gridTable th, table.gridTable th.dash_table_head {
        display: block;
        text-align: right !important;
        width: 100% !important;
        /*min-height: 60px;*/
        background-image: none;
        /*background-color:#00a8e7;*/
        box-shadow: none;
        border-right: 1px solid #D4D4D4;
        padding:10px;
    }

    table.gridTable {
        display: inline-block;
        position: relative;
        width: 100% !important;
    }

        table.gridTable tbody {
            display: block;
            overflow-x: auto;
            position: relative;
            white-space: nowrap;
            width: auto;
            overflow-y: hidden;
        }

        table.gridTable td {
            display: block;
            text-align: left;
            /*min-width:15.5em!important*/
        }

        table.gridTable tbody tr {
            display: inline-block;
            vertical-align: top;
        }
    .left-inner{
        min-height:92%;
        height:90%;
    }
    .rightcomment{
        bottom:30px;
    }
    #linkglobal span img{
        max-width:40px;
        margin-right:10px;
    }
    .navbar-nav .open .dropdown-menu{
        position:absolute;
        background:#fff;
        border: 1px solid #cccccc;
    }
    .dropdown-menu{
        top:63px;
    }
    .drop-table .headField {
        max-width: 100%;
    }
    .onclick-menu {
        font-size: 12px;
        padding-left:35px;
        margin-bottom:10px;
    }
    .globe-txt {
        background: #fff url(Images/globe.png) no-repeat 8px 5px;
    }
    .m-signature-pad--body{
       top:160px;
    }
    .navbar-nav > li > a{
        padding-bottom:20px;
    }
    .rightcomment{
        position:relative;
        bottom:0;
    }
    .innercont header .navbar{
        min-height:64px;
    }
    .comment-span{
        top:3px;
    }
    /*.ulicon-list li button{
        max-width:100px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }*/
    .inner-wrap header {
        padding-right:0px;
    }
    .rightcomment{
        left:0;
        right:0;
    }
    .commectSection{padding-bottom:10px!important;margin-top: 0px!important;
    margin-left: -10px!important;}

}
@media only screen and (max-width:991px){
     .drop-table { position: relative; left: 0px; top: 17px;width:100%;z-index:1; }
     .ulicon-list{
        /*float:none;*/
        text-align:left !important;
        margin-top:0px !important;
        margin-bottom:0px !important;
        min-height:initial;flex-direction:column-reverse;
    }
    .ulicon-list li{
        font-size:14px;display:block;padding:10px;height: initial;
    width: initial;
    text-align: left;
    line-height: initial;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0px;
    }
    .ulicon-list li a{
        padding:0px;-webkit-mask-image:none;
    }
    .ulicon-list li a.materialicon{width:initial;height:initial;background:none;color:#000;}
    .ulicon-list li ul.dropdown-menu li.Signout a:hover{
        background:#63b9ca !important;
    }
      .cbp-spmenu-vertical {
        width: 240px;
        height: 100%;
         top:66px;
        z-index: 1000;
    }
    .cbp-spmenu-right{
        width:270px;
    }
    .cbp-spmenu-horizontal {
        width: 100%;
        height: 150px;
        left: 0;
        z-index: 1000;
        overflow: hidden;
    }
        .cbp-spmenu-horizontal h3 {
            height: 100%;
            width: 20%;
            float: left;
        }
        .cbp-spmenu-horizontal a {
            float: left;
            width: 20%;
            padding: 0.8em;
            border-left: 1px solid #258ecd;
        }
    /* Vertical menu that slides from the left or right */
    .cbp-spmenu-left {
        left: -240px;
    }
    .cbp-spmenu-right {
        right: -1000px;
    }
    .cbp-spmenu-left.cbp-spmenu-open {
        left: 0px;
    }
    .cbp-spmenu-right.cbp-spmenu-open {
        right: 0px;
    }
    /* Horizontal menu that slides from the top or bottom */
    .cbp-spmenu-top {
        top: -150px;
    }
    .cbp-spmenu-bottom {
        bottom: -150px;
    }
    .cbp-spmenu-top.cbp-spmenu-open {
        top: 0px;
    }
    .cbp-spmenu-bottom.cbp-spmenu-open {
        bottom: 0px;
    }
    /* Push classes applied to the body */
    .cbp-spmenu-push {
        overflow-x: hidden;
        position: relative;
        left: 0;
    }
    .cbp-spmenu-push-toright {
        left: 240px;
    }
    .cbp-spmenu-push-toleft {
        left: -240px;
    }
    /* Transitions */
    .cbp-spmenu,
    .cbp-spmenu-push {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;position:fixed;background:#fff;
    }
    /* Example media queries */
    @media screen and (max-width: 55.1875em) {
        .cbp-spmenu-horizontal {
            font-size: 75%;
            height: 110px;
        }

        .cbp-spmenu-top {
            top: -110px;
        }

        .cbp-spmenu-bottom {
            bottom: -110px;
        }
    }
    @media screen and (max-height: 26.375em) {
        .cbp-spmenu-vertical { font-size: 90%; width: 190px; }
        .right-innerwrap .rightinner-cont #ShowCommmentList.comment-height {height: initial!important;max-height:initial!important;}.right-innerwrap .rightinner-cont .rightcomment{position:initial;}.rightinner-cont{padding-bottom:70px!important;overflow-y:auto;max-height:100vh;}
        .cbp-spmenu-left,
        .cbp-spmenu-push-toleft {
            left: -190px;
        }

        .cbp-spmenu-push-toright {
            left: 190px;
        }
    }
     .right-innerwrap{
        padding-top:0px;
    }
      .inner-wrap{
        padding-left:15px!important;padding-right:15px!important;
    }
        .dash-leftpart{
        padding-right:0px;
    }
    header{padding:0px;}
    #main {
    padding-top:80px;
    }
    .orgtd2 {
    width: 100%;
    max-width: 100%;
}
    .cbp-spmenu-open ~ .overlay-disabled, .cbp-spmenu-open ~ .overlay-disabled {
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 74px;
    transform: translateX(0px);
    transition: all 0.3s ease 0s;
    z-index: 990;
}
    .cbp-spmenu-open ~ .overlay-disabled, .cbp-spmenu-open ~ .overlay-disabled, .cbp-spmenu-vertical {
    top: 66px!important;
}
    a.logindisplay, a.logindisplay:hover{display:inline-flex;align-items:center;justify-content:center;margin-left:0px;}
    .accRight strong{max-width:initial!important;}
    .ulicon-list li#logindisplay .dropdown-menu{display:block;position:initial;width:initial;min-width:initial;max-width:initial;box-shadow:none;}#logindisplay .dropdown-menu li{padding:0px;border:0px;}
    #logindisplay .dropdown-menu li span.logindisplay{display:none;}.ulicon-list li.dashBtn:hover .materialicon{background:none;}.ulicon-list li.dashBtn:hover{border-top:0px;border-right:0px;border-left:0px;}.ulicon-list li.dashBtn:hover a{background:none;color:var(--Theme-Blue-color);}.left-wrap .left-inner{background:#fff;}
    .left-wrap .dashboard_left li a.active, .left-wrap .dashboard_left li a.active:hover, .left-wrap .dashboard_left li a.focus{border:0px;border-left:0px;color:var(--Theme-Orange-color)!important;font-family:var(--font-regular);
    border-bottom-color: #e5e5e5!important;}.left-wrap .dashboard_left li a{font-size:14px;font-family:var(--font-regular);text-align:left;border-left: 0px;border-top:0px;border-right:0px;}
   .left-wrap .dashboard_left li a:before{display:none;}.left-wrap .dashboard_left li a span{padding-top:0px;}
   .right-innerwrap.cbp-spmenu-right{width:90%;}
   .right-innerwrap .rightinner-cont{padding:10px;}.right-innerwrap #ShowCommmentList.comment-height {
    max-height: calc(100vh - 450px)!important;height:initial!important;
} .drop-table td{display:table-cell;}.drop-table td:first-child{width:40%;}.drop-table td:last-child{width:60%;}
.modal-dialog.modal-dialog-800{max-width:95%;width:95%;}
.mobile_comment{padding:19px 10px;border-left:1px solid #ccc;}.viewport-part td p{padding:5px 10px;margin-left:10px;}
}
@media only screen and (max-width:980px) {
    .login-cont .signin_part{width:95%;margin:0px auto;}
    .logindiv{min-height:initial;}
    .login_helpcontent, .login-cont { border-radius: 0px; padding: 20px 15px; }
}

@media screen and (max-width:767px) {
    /*.viewtable td:first-child{
        width:100% !important;
    }*/
    /* Orientation-dependent styles for the content of the menu */
    .login-cont{
        min-height:320px;
    }
    .logcont-inner{
        padding:0px;
    }
    .signimg{
        max-width:100%;
    }
    .signimg img {
        max-width: 100%;
        width:auto;
    }
     .login-wrap { max-width: 95%; min-width: 95%; width: 95%;box-shadow:none;}
     body{background-color:#fff!important;}.login_helpcontent, .login-cont{padding:0px!important;}
     #txtJT{display:none!important;}
      .mainList.mob_responsiveTable{background:#fff;border-collapse:collapse;border-spacing:0px;}
 .mob_responsiveTable thead{display:none;}
.mob_responsiveTable td:before{content:attr(data-title);text-overflow:ellipsis;position:absolute;top:0px;bottom:0px;align-items:center;display:inline-flex;left:5px;font-family:var(--font-medium); }
.mob_responsiveTable td{padding-left:35%;border:1px solid #e5e5e5;border-radius:0px!important;border-bottom-width:0px;display:block;position:relative;}
.mob_responsiveTable td:after{content:'';position:absolute;top:0px;bottom:0px;width:1px;height:100%;background:#e5e5e5;left:32%;}
.mob_responsiveTable tr td:last-child{margin-bottom:15px;border-bottom-width:1px;}
.mob_responsiveTable tr:last-child td:last-child{margin-bottom:0px;}
  .width50-table{
        width:100%;
    }
}

@media only screen and (max-width:740px) {
}

@media only screen and (max-width:640px) {
   
    .drop-table, .steps_sec { width: 100%; }
    .onclick-menu span{
        width:98%;
    }
    .grid-width-20{
        display:none;
    }
}
@media only screen and (max-width:575px){
    .login-wrap{max-width:100%!important;min-width:100%!important;width:100%!important;}
    .modal-dialog{margin:15px auto;}
    .drop-table td{display:block!important;}.drop-table td{width:100%!important;}
   .ChooseSignOptions li{width:100%!important;padding-right:10px;flex: 1 1 50%;
    max-width: 50%;}
   .nav.nav-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;}
   .nav.nav-tabs .nav-item{white-space:nowrap;}
    .mobdisblock-table td{
        width:100% !important;
        display:block;
        text-align:left;
    }
}
@media screen and (max-width:500px) {
    .viewtable td {
        display: block;
        width: 100%;
        text-align: left !important;
    }
  
    .comment-span{
        width: 25px;
        height: 25px;
        line-height: 20px;
        top: 5px;
        font-size: 11px;
    }
    .comment-span{
        right:-8px;
    }
}
@media screen and (max-width:480px) {
    /*header h2{
        font-size:15px;
        padding-top:10px;
    }*/
    header .logo {
        width: 90px;
        top: 24px;
        /*left: 9px;*/
    }

    .etf_phno {
        font-size: 20px;
    }

        .etf_phno i {
            width: 30px;
            height: 30px;
            font-size: 20px;
        }

    .login-cont h2 {
        font-size: 19px;
    }
    .ulicon-list li#logindisplay button{
        padding:10px;
    }
    /*.ulicon-list li a img{
        width:20px;
    }*/
    #linkglobal span img {
        width: 25px;
        margin-top: -6px;
    }
    .card-body{
        padding:15px;
    }
    .login-bg header{
        min-height:100px;
    }
}

@media only screen and (max-width:468px) {
    .drop-table .headField {
        width: 100%;
        display: block;
    }
    .innercont .card-title a{
        font-size:15px;
    }
    .signimg img{
        max-width:100%;
    }
    .login-cont h2 {
        font-size: 16px;
    }
    
}

@media only screen and (max-width:360px) {
    header .logo {
        width: 70px;
        top: 15px;
        left: 9px;
    }

    .login-cont .col-md-12 {
        padding: 0;
    }
    .ulicon-list li a#linkglobal{
        font-size:0px;
    }
    .ulicon-list li#logindisplay{
        margin-left:0px;
    }
    .ulicon-list li#logindisplay .signin-btn{
        padding-left:0px;
    }
    .ulicon-list #logindisplay .dropdown-menu::before{
        right:29px;
    }
}

@media only screen and (max-width:320px) {
    .etf_phno {
        font-size: 16px;
    }

        .etf_phno i {
            width: 25px;
            height: 25px;
            font-size: 14px;
        }

        .etf_phno a {
            line-height: 29px;
        }
        body{
            overflow-x:hidden;
        }
}
@media screen and ( max-height:550px ){
    #ShowCommmentList {
        max-height: 140px;
    }
    .rightcomment table textarea{
        height:100px;
        width:96%;
    }
}
/*@media only screen and (max-width: 1020px) {
    .mainBg.cpMenu_top {
        padding-top: 65px !important;
        padding-left: 65px !important;
    }
}*/