@media (max-width: 2560px) {
    .indx-inpage-block {padding: 30px 22px;}
    .log-rgt.log-rgt.register-rg .log-footer { position: absolute;  bottom: 0; }
    .search-refrance{margin: 20px 0;}
}
@media (max-width: 1920px) {
    .indx-inpage-block {padding: 30px 21px;}
    .log-rgt.log-rgt.register-rg .log-footer { position: relative;  bottom: -2%; }
    .footer-block{position: relative;}
    .footer-block{bottom: 10px;}
}
@media (max-width: 1486px) {
    ul.accordion-list2 li div.answer ul li{width: calc(100% / 2);}
}
@media (max-width: 1440px) {
    .logo img {width: 50%;}
    .error-img img {width: 300px;}
    .footer-block{position: absolute;}
}

@media (max-height: 1400px) {
    .pagination-block p{margin: 10px 0;}
}

@media (max-width: 1280px) {
    .log-form h1 {font-size: 30px;margin-bottom: 30px;}
    .log-form form div {margin-bottom: 30px;}
    .log-form .login{padding: 12px 90px;margin-left: 0;}
    h1.error-404{font-size: 200px;}
    .error-page h3{color: #00274f;}
}
@media (max-height: 1200px) {
    .container {width: 80%;}
}
@media (max-width: 1184px) {
    button[type="reset"], .search-data form input[type="submit"]{margin-bottom: 0;padding: 7px 0;width: 100% !important;margin-top: 8px;}
}
@media (max-width: 1090px) {
    .indx-rgt header .search-data form i {
        font-size: 15px;
    }
    header .search-data{width: 380px;}
}
@media (max-width: 1024px) {
    .log-form{width: 70%;}
    .log-footer p{font-size: 16px;}
    .log-footer{padding: 30px 30px 30px;}
    section.login-block{height: 100%;display: inline-block;}
    .log-lft{width: 100%;height: 100%;}
    .logo img {width: auto;}
    .log-rgt {width: 100%;display: inline-block;height: 100vh;}
    .log-form {width: 55%;}
    .bottom-data {display: none;}
    .logo {margin-top: 30px;margin-bottom: 30px;}
    .log-form.register-form {width: 90%;}
    .mo-side-block {display: block;}
    .log-rgt.log-rgt.register-rg {height: 100%;overflow-y: inherit;}
    .container {width: 95%;}
    section.full-menu header.sticky-header {padding: 10px 0;}
    section.full-menu header div .head-btn {display: none;}
    h1.error-404{font-size: 170px;}
    .error-page h3{font-size: 22px;margin-bottom: 11px;}
    .error-page p{font-size: 16px;padding: 0 264px;}
    .error-page a{font-size: 19px;padding: 16px 70px;margin-top: 28px;}
    .mo-menu{width: 38%;}
    section.full-menu header div.menu-icon {display: block;
    }
    .faq-qus table {width: 100% !important;overflow-x: scroll;display: inline-block;border: none;font-family: 'Roboto-Regular', sans-serif;font-weight: lighter;margin: 10px 0;}
    section.full-menu .logo {margin-bottom: 0;position: fixed;background: white;top: 10px;z-index: 9;}
    section.full-menu header:before {content: '';position: fixed;width: 100%;left: 0;background: white;height: 127px;box-shadow: -2px 6px 20px -5px rgba(79, 79, 79, .3);z-index: 9;}
    .hm-banner{margin-top: calc(0% + 41px);}
    footer{display: none;}
    .indx-mian-block .table-data table {margin-bottom: 0;}
    section.contact-sec, .log-form.register-form.perdonal-info-form, section.faq-qus{margin-top: 25px;}
    .table-data {width: 100%;}
    .mo-menu-btn{display: block;position: fixed;right: 17px;top: 36px;z-index: 9999;}
    .pagination-block {margin-top: 25px;}
    section.indx-lft{position: fixed;z-index: 99;}
    header .search-data{width: 100%;}
    header .search-data {
        width: 100%;
        position: relative;
        /*background: gray;*/
        height: auto;
        padding: 0;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        padding: 0 17px;
        margin-bottom: 3%;
    }
    header .search-data form{width: calc(100% - 72px);float: none;display: inline-block;}
}

@media only screen and (max-width:1024px) {
    .c-hamburger.c-hamburger--htx {display: block;}
    section.indx-lft {width: 100%;text-align: left;background: white;}
    .indx-rgt header {width: 100%;background: transparent;padding: 0;}
    .indx-inpage-block {padding: 0 17px 26px;}
    section.indx-rgt,
    .inpage-data,
    .inpage-reference {width: 100%;height: 100%;position: relative;top: calc(0% + 70px);}
    .indx-mian-block,
    .indx-inpage-block {display: inline-block;height: 100%;}
    .main-logo {margin-top: 10px;}
    nav,
    .head-btn,
    .footer-block {display: none;}
    .mo-menu-fixed {position: fixed;display: block;width: 100%;background: #eeeeee;bottom: 0;z-index: 99999;padding: 17px 30px;box-shadow: 0 0 5px dimgrey;}
    .mo-menu-fixed ul {display: inline-flex;flex-wrap: wrap;justify-content: space-between;width: 100%;align-items: center;}
    .main-logo {margin: 10px 0;}
    .main-logo img {width: 110px;}
    .search-data {position: fixed;display: none;background: white;width: 100%;z-index: 999;left: 0;margin: 0;height: 83vh;padding: 42px;transform: translate3d(0px, 100%, 0px);visibility: visible;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;overflow-y: scroll;}
    .search-effect {transform: translate3d(0px, 0px, 0px);}
    .search-refrance {margin: 53px 0;}
    .close {display: block;}
    .menu-header .footer-block {display: block;bottom: 57px;text-align: center;}
    .menu-header .footer-block span {color: #b5b5b5;font-weight: 100;}
    .inpage-reference {display: none;transform: translate3d(0px, 100%, 0px);position: fixed;top: 0;background: white;left: 0;right: 0;top: 12%;bottom: 0;padding: 42px;z-index: 9;height: 80vh;overflow-y: scroll;visibility: visible;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
    .update-block-main {height: 80vh;position: fixed;display: none;transform: translate3d(0px, 100%, 0px);width: 100%;top: 12%;left: 0;background: white;z-index: 9;overflow-y: scroll;visibility: visible;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;padding: 28px;}
    .update-block-main h2{background: #00274f;width: 100%;}
    .update-block{padding: 11px 7px 11px;}
    .inpage-reference.side-block-effect, .update-block-main.side-block-effect {display: block;transform: translate3d(0px, 0px, 0px);}
    .detail-tab a {font-size: 14px;margin: 6px 0;width: auto;}
    section.full-menu header div{justify-content: start;}
    section.full-menu header{padding: 10px 0 10px;}
    section.full-menu header .logo img {width: 110px;}
}  
@media only screen and (max-width: 1024px) and (max-height: 1366px){
    .update-block-main{height: 93vh;top: 5%;}
    .search-data{height: 93vh;}
}
@media only screen and (max-width: 1024px) and (max-height: 768px),
(max-height: 1366px){
    .update-block-main{top: 10%;}
}
@media only screen and (max-width: 768px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    .mo-menu-btn {position: fixed;right: 0;top: 0;z-index: 9999;display: block;}
    .mo-menu-btn a {font-size: 13px;padding: 6px 0;margin: 0 0 0 2px;}
    .mo-menu-btn {position: fixed;right: 17px;top: 36px;z-index: 9999;}
    .pagination ul li a{padding: 6px 10px 6px 10px;}
    /*table*/
    .table-data,
    .update-block-main {width: 100%;padding: 11px 0px 90px;}
    .table-data table thead tr th {padding: 10px 11px;}
    /*.table-data table td p{max-width: 48vw !important; width: 56vw !important;margin: 0;}*/
    .footable-row-detail-value > p,.table-data table td > p{ max-width: 70vw;margin: 0;}
    .full-width.table-data table td > p,.full-width .footable-row-detail-value > p {max-width: 50vw;}
    .table-data table td .dwonl-tooltip.dwn { width: auto; right: 0;}
    .table-data table td .dwonl-tooltip.dwn::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 83%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: rgba(89, 187, 230, 0.9) transparent transparent transparent;
    }
    .table-data table td{
        width: 100%;padding: 11px 7px;
    }
    /*.table-data table tr td:last-child,.table-data table tr th:last-child {display: none;}*/
    /*.table-data table{border: 0;}
    .table-data table td{line-height: 17px;}
    .table-data table,
    .table-data thead,
    .table-data tbody,
    .table-data th,
    .table-data td,
    .table-data tr {display: block;}
    .table-data table tr:first-child,
    .table-data table tr td:last-child {display: none;}
    .table-data table tr {margin: 0 0 2rem 0;border-bottom: 1px solid #00274f;}
    .table-data table td {border: none;border-bottom: 1px solid #eee;position: relative;padding: 0 0 11px 4px;width: 100%;}
    .table-data table td:before {position: relative;top: 0px;bottom: 0;left: -4px;width: 100%;padding-right: 10px;white-space: nowrap;padding: 6px 0 6px 4px;background: #00274f;color: white;margin-bottom: 9px;display: block;}
    .table-data table td:nth-of-type(1):before {content: "Act";}
    .table-data table td:nth-of-type(2):before {content: "Code";}
    .table-data table td:nth-of-type(3):before {content: "Description";}
    .table-data table td:nth-of-type(4):before {content: "Type of Document";}
    .table-data table td:nth-of-type(5):before {content: "Document Date";}*/
    .c-hamburger.c-hamburger--htx {display: block;}
    section.indx-lft {width: 100%;text-align: left;background: white;}
    .indx-rgt header {width: 100%;background: transparent;padding: 0;}
    .indx-inpage-block {padding: 0 17px 26px;}
    section.indx-rgt,
    .inpage-data,
    .inpage-reference {width: 100%;height: 100%;position: relative;top: calc(0% + 70px);}
    .indx-mian-block,
    .indx-inpage-block {display: inline-block;height: 100%;}
    .main-logo {margin-top: 10px;}
    nav,
    .head-btn,
    .footer-block {display: none;}
    .mo-menu-fixed ul {display: inline-flex;flex-wrap: wrap;justify-content: space-between;width: 100%;align-items: center;}
    .main-logo {margin: 10px 0;}
    .main-logo img {width: 110px;}
    .search-data {position: fixed;display: none;background: white;width: 100%;z-index: 99;left: 0;/*top: 0;*/margin: 0;height: 83vh;padding: 42px;transform: translate3d(0px, 100%, 0px);visibility: visible;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;overflow-y: scroll;}

    .search-effect {transform: translate3d(0px, 0px, 0px);}
    .search-refrance {margin: 53px 0;}
    .close {display: block;}
    .menu-header .footer-block {display: block;bottom: 57px;text-align: center;}
    .menu-header .footer-block span {color: #b5b5b5;font-weight: 100;}
    .inpage-reference {display: none;transform: translate3d(0px, 100%, 0px);position: fixed;top: 0;background: white;left: 0;right: 0;top: 12%;bottom: 0;padding: 42px;z-index: 9;height: 80vh;overflow-y: scroll;visibility: visible;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
    .update-block-main {height: 84vh;position: fixed;display: none;transform: translate3d(0px, 100%, 0px);width: 100%;top: 12%;left: 0;background: white;z-index: 9;overflow-y: scroll;visibility: visible;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;padding: 28px;}
    .update-block-main h2{background: #00274f;width: 100%;}
    .update-block{padding: 11px 7px 11px;}
    .inpage-reference.side-block-effect, .update-block-main.side-block-effect {display: block;transform: translate3d(0px, 0px, 0px);}
    .detail-tab a {font-size: 14px;margin: 6px 0;width: auto;}
    button[type="reset"],.search-data form input[type="submit"]{width: 49.7% !important;}
    .ui-corner-top.ui-state-default .ui-icon-close{top: 6px;}
    ul.accordion-list2 li div.answer ul li{width: calc(100% / 5);}
}
@media (max-width: 970px) {
    .logo img {width: 20%;}
}
@media (max-width: 930px) {
    .log-footer{display: block;}
    .log-footer {padding: 20px 30px 20px;text-align: center;}
}
@media (max-width: 855px) {
    /*.update-block-main{height: 100%;top: 6%;}*/
    /*.search-data{height: 94vh}*/
}
@media (max-width: 834px) {
    .banner-txt h1{font-size: 30px;}
    h1.error-404 {font-size: 130px;}
    .error-page h3{font-size: 20px;margin-bottom: 8px;}
    .error-page p { padding: 0 60px;}
    .error-page a {font-size: 17px;padding: 12px 64px;margin-top: 28px;}
}
@media only screen and (max-width: 800px) , (max-height: 1280px){
    .update-block-main{top: calc(0% + 80px);}
    .table-data, .update-block-main{margin-bottom: 5px;}
}
@media (max-width: 800px){
    .search-data{height: calc(100vh - 90px);}
    .indx-inpage-block {padding: 32px 17px 92px;height: auto !important;display: block !important;}
}
@media (max-width: 768px) {
    .logo img {width: 23%;}
    .log-form h1 {font-size: 27px;margin-bottom: 10px;text-align: center;}
    .log-form.register-form .login {padding: 12px 76px;margin: auto;margin-top: 30px;}
    .search-data{height: 89vh;}
    .update-block-main{top: calc(0% + 80px);/*height: 88vh;*/}
    section.indx-lft.sticky-header{ top: -1px;}  
    .mo-menu{width: 40%;}
}
@media (max-width: 762px) {
    button[type="reset"], .search-data form input[type="submit"]{width: 49% !important;}
}
@media (max-width: 682px){
    ul.accordion-list2 li div.answer ul li{width: calc(100% / 4);}
}
@media (max-width: 624px) {
    .log-form{width: 75%;}
    .log-form h1 {text-align: center;}
    .log-form .login {padding: 10px 80px;margin: auto;margin-top: 30px;}
    .log-form.register-form .login {padding: 10px 80px;margin: auto;margin-top: 30px;}
    .logo img {width: 27%;}
    .log-form h1 {font-size: 26px;}
    .log-form.register-form input, .log-form.register-form select {width: 100%;margin-bottom: 17px;}
    .log-form input[type="text"], .log-form input[type="password"], .log-form input[type="email"], .register-form input, .register-form select {width: 100%;border-bottom: solid 1px #8080808c;padding: 8.5px 4.5px;font-size: 15px;}
    .log-form.register-form input:nth-last-child(2), .log-form.register-form input:nth-last-child(3) {margin-bottom: 17px;}
    .log-rgt.register-rg .log-footer {position: relative;margin-top: 10px;}
    .log-form.register-form {margin: auto;transform: translateY(0%);margin-top: 50px;top: 0%;position: relative;margin-bottom: 50px;}
    .log-rgt.register-rg {height: 100%;}
    .log-form.register-form div, .log-form.register-form div {width: 100%;margin-bottom: 10px;}
    .rgt-form{width: 100%;}
    header .search-data{margin-bottom: 5%;}
}
@media (max-width: 581px) {
    .rgt-foot ul li {margin-right: 17px;}
    .error-page p{padding: 0 25px;}
    .mo-menu{width: 65%;}
}
@media (max-width: 546px) {
    .logo img {width: 29%;}
    .log-form h1 {font-size: 25px;margin-bottom: 10px;}
    .forget-psw, .log-form label{font-size: 14px;}
    .log-form form div {margin-bottom: 15px;}
    .log-form input[type="text"], .log-form input[type="password"], .log-form input[type="email"], .register-form input, .register-form select, .faq-qus table {font-size: 15px;}
    .log-form .login {padding: 8px 73px;margin: auto;margin-top: 30px;font-size: 16px;}
    .log-footer {padding: 20px 15px 20px;text-align: center;}
    .log-footer p{line-height: 25px;}
    .log-footer p {font-size: 15px;}
}
@media (max-width: 493px) {
    ul.accordion-list2 li div.answer ul li{width: calc(100% / 3);}
}
@media (max-width: 493px) {
    .lft-foot {float: none;width: 100%;text-align: center;margin-bottom: 7px;}
    .rgt-foot {float: none;width: 100%;}
    .rgt-foot ul {float: none;width: 100%;display: inline-flex;justify-content: center;}
    section.full-menu header {padding: 10px 0 10px;}
    footer{padding: 15px 0 6px;}
    .faq-qus h3{font-size: 17px;line-height: 26px;}
    .faq-qus p {font-size: 15px;}
    .faq-qus ul li h3 i {font-size: 13px;}
    .table-data table td p{ max-width: 50vw;margin: 0;}
}
@media (max-width: 428px) {
    .log-form {width: 85%;}
    .log-form h1 {margin-bottom: 25px;}
    .search-data {height: calc(100vh - 90px);}
    /*.update-block-main {top: 11%;}*/
}
@media (max-width: 414px) {
    /*.update-block-main {top: 11%;}*/
    .search-data{height: calc( 100vh - 97px);}
}
@media (max-width: 395px) {
    .detail-tab>ul:first-child>li>a{width: auto;padding: 7px 1.2rem !important;}
    .ui-corner-top.ui-state-default .ui-icon-close{margin: 0px 5px 0px 0;}
}

@media (max-width: 388px) {
    ul.accordion-list2 li div.answer ul li{width: calc(100% / 2);}
}
@media (max-width: 375px) {
    .prof-delete, .prof-update{padding: 12px 15px;}
    .search-data, .update-block-main{height: calc( 100vh - 110px);}
}
@media (max-width: 360px) {
    .log-footer p {font-size: 14px;line-height: 20px;}
}
@media (max-width: 320px) {
    .mo-menu-btn a{margin: 0 0 0 0px;width: 76px;}
    .mo-side-block{z-index: 9999;}
    .mo-menu {width: 70%;}
    .update-block-main{height: calc( 100vh - 136px);}
    .table-data table td{font-size: 12px;}
}
@media only screen and (max-height: 1102px) {
    .footer-block {
        position: absolute;
    }
}
@media only screen and (max-height: 785px) {
    /*.search-data {
        min-height: calc(100vh - 100px);
    }*/
}
@media only screen and (max-height: 662px) {
    /*.search-data {
        min-height: calc(100vh - 100px);
    }*/
}
@media only screen and (max-height: 569px) {
    /*.search-data {
        min-height: calc(100vh - 89px);
    }*/
}
@media only screen and (max-height: 1080px) {
    .log-rgt.log-rgt.register-rg .log-footer { position: absolute; bottom: 0;}
}
@media only screen and (height: 1366px) and  (width: 1024px){
    .search-data.ad-search{height: 100vh; overflow-y: scroll;}
    .update-block-main{ top: 5%; height: 93vh;}
}
@media only screen and (max-height: 864px) {
    .log-rgt.log-rgt.register-rg .log-footer { position: relative; bottom: -2%;}
}