/* Responsive */
@media screen and (max-width: 1700px) {

    .digital-store-btn a{font-size: 15px; min-width: 160px;}
    .digital-store-btn a .left-icon{width: 30px;}
    .digital-store-btn a .light-title{font-size: 9px;}
    .digital-store-btn .min-width310{ min-width: inherit}
    .declear-unity-content{background-size: 110px}

}


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

    header .container .header-menu-wrap{width: 88%;}
    .header .mega-menu .mega-menu-box p,.header .mega-menu .middle-menu ul li .dropdown-item,.header .user-login-warp h4{font-size: 14px;}
    .header .user-login-warp .digital-qrcode .btn-qrcode{font-size: 10px;}
    .header .mega-menu .middle-menu ul li .dropdown-item:hover{background-size:22px;}
    .header nav ul li .digital-store-btn a{padding: 3px;}

    
  
    
}

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

    .header .site-logobx { width: 100%; max-width: 200px; }
    .header nav ul li a{font-size: 15px; margin: 0 7px;}
    /* .header .user-click .search-icon-bx {margin: 0 20px;} */
    /* .header  .mega-menu .middle-menu ul li .dropdown-item{font-size: 14px; padding: 10px 9px;} */
    /* .header  .mega-menu .left-mega-menu-title, header .mega-menu .middle-menu { padding: 30px 15px; } */
    .become-member-wrap .member-list li{padding: 0 2px;}
    .become-member-wrap .member-list li .img-bx{    width: 100%; max-width: 80%; margin: auto;}
    .banner-wrapper .video-play-icon { width: 4.2rem; height: 4.2rem; line-height: 4.2rem; font-size: 16px; }
    /* .header .mega-menu .left-mega-menu-title, .header .mega-menu .middle-menu{padding: 30px 15px;} */
    

}

@media screen and (max-width: 1200px) and (min-width: 992px)
{
    .banner-section .banner-text h1{font-size:3vw;}
    .banner-section .banner-text h1{font-size:3vw;}

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

    .hawai-home-banner .banner-bottom-btn .hawaiian-group-btn-list a{font-size: 16px;margin:3px; }
    .hawai-home-banner .banner-bottom-btn {    padding-top: 1vw;}
    /* .hawai-home-banner #hawaiian-banner-slider .carousel-item{padding: 12vw 0 2vw;} */
    .hawai-home-banner .hawaiian-king-img-box{max-width: 19vw;}
    .reclamation-wrapper .reclamation-content ul li{    font-size: 14px}
    .reclamation-wrapper .reclamation-content .year-box{font-size: 18px;    margin: 8px 0 4px;}
    .reclamation-wrapper .reclamation-content ul li h3{font-size: 16px;}
    .reclamation-wrapper .reclamation-content .icon-box span{width: 100px; height: 100px; line-height: 100px; }
    .reclamation-wrapper .reclamation-content .icon-box span img { width: 100%; max-width: 55%; }
    .header nav ul .dropdown-hover{ padding: 6px;}



}

@media screen and (max-width:1199px) {
    /* header css start*/
.ohana-banner .container-fluid{padding: 0 1rem;}
    .header{padding: 1rem 1.5rem; min-height: inherit;}
    .header nav .sign-btn{justify-content: center;}
    .header nav .user-click{margin-left: 0;}
    #header-nav{ position: fixed; top: -100%; right: 0; left: 0; bottom: 0; height: 100%;  background: #fff; opacity: 0; visibility: hidden; transition: 0.3s; -webkit-transition: 0.3s; z-index: 99; padding:2rem  1.5rem; overflow: auto; pointer-events: none; display: block !important;}
    #header-nav.active{ opacity: 1; visibility: visible; top: 0; pointer-events: all; height: 100%; min-height: 100vh;}
    .header nav ul{ width: 100%; display: block;}
    .header nav ul li{ display: block; margin-bottom: 0px;}
    .header nav .btn-custom{ margin-left:0 ;}
    .header nav ul li a{ color: #000; display: block; padding: 2.5rem 1.5rem;}
    .header nav ul li:last-child a{ border-bottom: none; }
    .header nav ul li a::after{ display: none;}
    .header nav ul li + li{ margin-left: 0;}
    .header .user-click{margin-left: 0; margin-top: 15px; display: block; text-align: center;}
    #black-layer{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 90; background: rgba(0, 0, 0,0.5); pointer-events: none; visibility: hidden; transition: 0.3s;-webkit-transition: 0.3s;}
    #black-layer.active{ visibility:visible; pointer-events: all;}
    html.overflow-off ,
    body.overflow-off{ overflow: hidden;}
    #nav-close-btn{ background-color: var(--PrimaryColor); color: var(--whiteColor); font-size: 18px; display: inline-flex; align-items: center; justify-content: center; padding: 0; outline: none!important; margin-left:  auto; border: none !important; width: 40px; height: 40px; border-radius: 50%;}
    #toggle-btn{ width: 40px; height: 40px; justify-content: center; align-items: center; font-size: 16px; background:var(--PrimaryColor); border: 1px solid var(--PrimaryColor); transition: 0.3s; -webkit-transition: 0.3s; border-radius: 100%; color: #fff; outline: none!important; display: inline-flex!important; margin-left: 15px;} 
    /* #toggle-btn:hover{ background:transparent;  } */
    .header .container .header-menu-wrap{text-align: right;}
    .header nav ul li a{ font-weight: 600; margin: 0;}
     .header nav ul li.mega-menu{margin-bottom: 1.5rem;}
    .header nav ul li .dropdown .dropdown-menu{ position: relative!important; bottom: initial!important; left: initial!important; right: initial!important; transform: initial!important; top: initial!important; opacity: 1!important; visibility: visible!important; float: none; border: none; padding-left: 15px; border-bottom: 1px solid #ddd; pointer-events: all; padding: 0;}
    .header .mega-menu .mega-menu-box{    height: auto; margin-top: 0; background: transparent; box-shadow: none;}
    .header .mega-menu .mega-menu-box .row{  display: block;}
    .header .mega-menu .mega-menu-box .row div[class*="col-"]{    flex: 0 0 100%; max-width: 100%;}
    .header .mega-menu .mega-menu-box p,.header .mega-menu .mega-menu-box .learn-more-btn{display: none;}
    /* .header .mega-menu .mega-menu-box .learn-more-btn{font-size: 16px;  padding: 7px 12px; background: var(--PrimaryColor); color: var(--whiteColor); border-radius: 5px; margin-top: 1rem;} */
    .header .mega-menu .middle-menu ul li{width: 50%; padding: 5px 0;}
    .header .mega-menu .middle-menu ul li .dropdown-item{    padding: 9px 5px 9px 30px;}
    .header .user-login-warp{border: 0;  background: #b2100b08;    height: auto; padding: 15px;}
    .header .user-login-warp h4{text-align: center;     font-size: 16px;
    font-weight: 500;}
    .header .decentralized-box{flex-direction: column; border: 0;}
    .header .decentralized-box .digital-store-btn .btn-box:not(:last-child){border: 0;}
    .header .mega-menu .left-mega-menu-title,.header .mega-menu .middle-menu{padding: 0;}
    .header .mega-menu .middle-menu{margin-top: 0;}

    .header nav ul li .dropdown .dropdown-menu .dropdown-item + .dropdown-item{ border-top: 1px solid #ddd;}
    .header nav ul li a.dropdown-hover{   border-bottom: none; text-align: left; font-size: 20px; font-weight: 700; color: #000; padding: 10px 0;}
    .header nav ul li a.dropdown-hover .fa-angle-down{ display: none;}
    .header .user-click { margin-left: 0; margin-top: 15px;}
    .header .mega-menu .mega-menu-box h2{    font-size: 17px; margin: 15px 0 5px;}
     .header .mega-menu .middle-menu ul li .dropdown-item{background-size: 22px;}
    .homepage-header .user-click .search-icon-bx{filter: inherit;}
    .homepage-header header.header_fix nav ul li a:not(.btn){    color: #000;}
    .header .nation-top-title h3{font-size: 16px;}
    .header .bottom-nation-flag .nation-flag-title{display: flex;}
    .header .bottom-nation-flag .nation-flag-title li{width: 50%;}
    .header .nation-flag-title li a{padding: 0;}
    .header nav ul li a.dropdown-hover{font-size: 18px;}
    .nation-flag-title li a,header .bottom-nation-flag .nation-flag-title li a,header .phase-invite-title{font-size: 16px;}
    .nation-flag-title li .natin-flag {min-width: 35px; max-width: 35px; margin-right: 10px;}
    .nation-flag-title li .nation-no-box{ min-width: 25px;}
    .header .nation-flag-title li .natin-flag{    min-width: 23px; max-width: 23px; margin-right: 10px}
    .header .mega-menu .middle-menu .event-menu-list li{width: 50%;}
    .header  .header-menu-wrap { text-align: right; display: flex; align-items: center; justify-content: end; }
    .header .header-menu-wrap .search-icon-bx { width: 100%; max-width: 20px; display: block;}
    /* .header .header-menu-wrap .search-icon-bx img { filter: invert(1) brightness(4.5); } */
    /* .homepage-header .header_fix .header-menu-wrap .search-icon-bx img { filter: inherit; } */

    .header .language-dropdown .btn{    font-size: 16px;    }
    .header .language-dropdown .down-arrow{    margin-left: 4px;}
    .header .language-dropdown .flag-icon{    width: 15px;    margin-right: 5px;}
    .header .language-dropdown .dropdown-item{font-size: 16px;}
    .header .language-dropdown .dropdown-menu{padding: 3px;}
    .header .language-dropdown{margin: 0 8px;}
    .header .user-login-warp .digital-qrcode{ max-width: 230px; max-height: 230px;}
   .header .user-login-warp .digital-qrcode .btn-qrcode{font-size: 14px;}
    .header .decentralized-box{padding: 15px 0 0;}
    .header .decentralized-box .digital-store-btn{margin-left: 0;}
    .header .decentralized-box .digital-store-btn :is(.downloadapps-btn-list) a{font-size: 14px; }
    .header .decentralized-box .digital-store-btn :is(.downloadapps-btn-list) a .light-title{font-size: 14px;}
   .header .emptyBx { font-size: 3vw; color: #fff; padding: 15px 0; word-break: break-all; display: block; visibility: hidden; }


    .ministry-leadership-wrap .leadership-card h4{font-size: 16px;}
    .ministry-leadership-wrap .leadership-card h3,.leadership-card .ministrycouncil-list li{font-size: 12px;}
    .ministry-leadership-wrap .col-xl-3:nth-child(2) .leadership-card h4{padding: 0;}
    .banner-wrapper .video-play-icon{    width: 4.2rem; height: 4.2rem; line-height: 4.2rem; font-size: 16px;}
    /* .hawai-home-banner{padding: 150px 0 50px;} */
    :is(.dot-listing li,.gettouch-wrap .light-red li,.doublearrow-list li a,.neutral_description ul li,.supplements-wrap .list-box-wrap .card p,.judge-detail-wrapper .judge-description ul li,.judge-detail-wrapper .judge-sidebar ul li a) { font-size: 1.6rem; }

    .same-heading h2 { font-size: 2.4rem; }
    .decentralized-wrapper h3.sub-title-text{font-size: 18px; line-height: normal; margin-bottom: 8px;}
    .same-heading .wid-550{max-width: 100%; }
    .same-heading.text-center .wid-550,:is(.license-plate-wrapper, .hawai-card-wraper) .same-heading .wid-550{max-width: 100%;}

    .w-70{max-width: 100%;}
    :is(.financial-flow-wrapper , .reclamation-wrapper) .same-heading h2{font-size: 2.4rem; }
    :is(.financial-flow-wrapper , .reclamation-wrapper) .same-heading h2 strong{font-size: 2rem;}

    .companies-register-result-table .table-content-box{padding: 20px;}
    .companies-register-result-table .table thead { display: none; }
    .companies-register-result-table .company-imagebx h3,.companies-register-result-table .table th{font-size: 18px; }
    /* .companies-register-result-table .company-imagebx .img-box{width: 50px; height: 50px;padding: 5px;} */
    .companies-register-result-table .table td{font-size: 16px; border: 0; padding: 10px;}
    .companies-register-result-table .table-content-box tr, .companies-register-result-table .table-content-box td { display: block; }
    .companies-register-result-table .table-content-box td:before {left: 0; content: ''; top: 0; content: attr(data-title); font-weight: 700;display: block; margin-bottom: 11px; font-size: 16px; }
    .companies-register-result-table .table-content-box tr{border-bottom: 1px solid #DADADA; }
    .reputation-score-content .reputation-list li{width: 48%;}
    .sign-up-newsletter .icon-box{width: 60px; height: 60px; line-height: 60px; }
    .sign-up-newsletter .icon-box img{width: 100%; max-width: 30px;}
    .sign-up-newsletter .icon-box.top-icon{left: -30px;}
    .sign-up-newsletter .icon-box.bottom-icon{right: -30px;}
    .supplements-wrap .list-box-wrap .card h3 a{font-size: 20px;}
    .supplements-wrap .list-box-wrap h2{font-size: 2.2rem;}
    .get-started-wrap{margin-top: -80px;}
   .companies-register-result-table .table th{white-space: normal;}
   .meeting-tabs-wrapper .meeting-table-content .table{border-radius: 0; box-shadow: none;}
   .meeting-tabs-wrapper .meeting-table-content .table thead {display: none;}
   .meeting-tabs-wrapper .meeting-table-content .table tbody td:before{display: block;}
   .meeting-tabs-wrapper .meeting-table-content .table tr{display: flex; flex-direction: column; border:solid 1px #EAEAEA; border-radius: 10px; margin-bottom: 20px;}
   .meeting-tabs-wrapper .meeting-table-content .table :is(th, td):first-child{padding-left: 1rem;}
   .meeting-tabs-wrapper .meeting-table-content .table :is(td){padding: 1rem;}
   /* .meeting-tabs-wrapper .meeting-table-content .table td:empty{padding: 0; display: none; visibility: hidden;}
   .meeting-tabs-wrapper .meeting-table-content .table tbody td:before:empty{display: none; visibility: hidden; padding: 0;} */

   .public-notice-wrapper .public-notice-content{max-width: 80vw;}
   .public-notice-wrapper .public-notice-content h3{font-size: 1.8rem;}
   .public-notice-wrapper .public-notice-content p{max-width: 80vw;}
   .wasatch-country-wrap .ameneded-bx h4{font-size: 2rem; margin-bottom: 1rem;}
   .voting-card .voting-card-content p{    font-size: 14px;}

   .council-meetings-wrapper .list-view{overflow-x: auto;}
   .council-meetings-wrapper .list-view .table{width: 1100px;}
   .council-meetings-wrapper .list-view .table td{font-size: 14px;}
   .council-meetings-wrapper .list-view .table th{font-size: 16px;}
   .council-voting-wrapper .gridlist-icons{margin-top: -20px;}
  
   .header .mega-menu .mega-menu-box,.header nav ul li .dropdown .dropdown-menu{border: 0;}
   .assets-card .authoriz-text{font-size: 12px !important;     line-height: normal;}

   .invited-agreement-wrapper .same-heading h3{font-size: 18px;    max-width: 85%;}
   .invited-agreement-wrapper .same-heading h3 .name-bx{font-size: 2.4rem;}
   .gettouch-wrap .q-as li h3,.gettouch-wrap .detail-action h2,.thank-youpage .thank-content h3{font-size: 2rem;}
   .gettouch-wrap .quo{font-size: 16px;}

   .get-touch-form{margin: 0;     padding: 15px;}
   .get-touch-form .form-group label{font-size: 16px;}
   .thank-youpage .thank-content{padding: 30px;    max-width: 95%; }
   .thank-youpage .thank-content .same-heading h3{font-size: 4rem;}
   .hawaiian-red-banner .header .sign-btn .btn-primaryx{background: var(--PrimaryColor); color: var(--whiteColor); border-color: var(--PrimaryColor);}


   .hawaiian-phone-wrapper .price-box{font-size: 4rem;}
   .hawaiian-phone-wrapper .price-box small{ font-size: 2rem;}
   .decentralized-wrapper .decentralized-icon-list li{font-size: 16px;  padding: 11px 22px; margin: 5px;}
   .decentralized-wrapper .decentralized-icon-list{margin:15px 0;}
   
    .scan-qrcode-digitalworld{padding: 20px 10px;}
    .container { padding: 0 15px; }

.searchListWrapper .filterlistContent.list-view-filter :is(.listViewBox){ width: 35%;}
.searchListWrapper .filterlistContent.list-view-filter :is(.cardMiddleContent){ width: 40%; padding: 10px 15px;}
.searchListWrapper .filterlistContent.list-view-filter :is(.cardbottomContent){ width: 25%;}

.searchListWrapper .searchtopBx .resultsBx{margin-bottom: 10px; text-align: center;}


/* .equities-card-listing .equities-card .company-icon{ width: 60px; height: 60px; margin-top: -85px; padding: 7px;} */

.fund-detail-section .invest-btn{    padding: 10px 25px;     max-width: fit-content;}
.overview-content-section .offering-details .text-box h4{font-size: 15px;}
.overview-content-section .offering-details .text-box h5{font-size: 13px;}
.overview-content-section .check-icon li{font-size: 14px;}
.overview-content-section .proceeds-content-bx .proceeds-detail{padding: 15px}
.overview-content-section .management-team-content .detail-bx{padding-left: 15px;}

.overview-content-section .management-team-content .designation{      margin-bottom: 10px;}

}
    



@media screen and (max-width: 991px)
{
   
    .hawaiian-group-btn-list{justify-content: center;}
    
    .hawaiian-group-btn-list a{font-size: 16px;}
    .upload-btn{min-height: 200px; margin: 2rem 0;}
    .upload-btn p{font-size: 14px;}
    .upload-btn label[for="upload-choice-img"]{height: 180px;}
    .upload-btn label[for="upload-choice-img"]:before{font-size: 18px;}
    .upload-better-choice-bx h3{font-size: 14px;}
    .same-heading h3{font-size: 20px;}
    .vertical-bordermiddle-row .hawai-natrion-logo { width: 100%; max-width: 250px; margin: 0px auto; }
    .download-style-btn{margin: 3rem 0;}
    .style-hawai-nation-wrapper .download-style-btn{margin-top: 3rem;}
    .principles-list-wraapper .principles-list li{width: 50%;}
    .principles-list-wraapper .principles-list li .principles-content .no-box:before,.principles-list-wraapper .principles-list li .principles-content .no-box::after,.principles-list-wraapper .middle-line-bx{display: none;}
    .principles-list-wraapper .principles-list :is(li:nth-child(5),li:nth-child(6),li:nth-child(7))  .principles-content{top: 0;}
    .principles-list-wraapper .principles-list :is(li:nth-child(5),li:nth-child(6),li:nth-child(7)) .principles-content .no-box{order: inherit;     margin-bottom: 0;}
    .principles-list-wraapper .principles-list :is(li:nth-child(5),li:nth-child(6),li:nth-child(7)) .principles-content h4 { order: inherit; }
    .principles-list-wraapper .principles-list :is(li:nth-child(5),li:nth-child(6),li:nth-child(7)) .principles-content p { order: inherit; }


    .hawainflag-detail-warpper .img-box img{max-width: 100%;}
    .hawainflag-detail-warpper .hawainflag-detail-list li{text-align: center;}
    .hawai-home-banner .banner-icon-logo { text-align: center; padding: 0; width: 100%; max-width: 90px; margin: 15px auto 0; }
    .banner-wrapper .banner-text-heading h1{font-size: 44px; line-height: 40px; text-align: center;}
    .hawai-home-banner .banner-text-heading h1 .kingdom-text-img{margin: 1rem auto 2.5rem; max-width: 160px;}
    .hawai-home-banner #hawaiian-banner-slider .bannerslide-bg-img{height: calc(100vh - 90px);}
    .hawai-home-banner #hawaiian-banner-slider .second-slide-carousel{top: 47%;}
    .hawai-home-banner p{margin-bottom: 2rem;}

    .hawai-home-banner .hawaiian-king-img-box{width: 100%; max-width: 110px; margin: 15px auto 0;}
    .banner-wrapper .banner-text-heading h1 small{font-size:2rem;}
    .hawai-home-banner .banner-text-heading{display: block; text-align: center;}
    .banner-wrapper .banner-text-heading .video-banner-icon{top: unset; left: unset; margin: 10px 0 ; }
    .banner-wrapper .video-play-icon { width: 4.2rem; height: 4.2rem; line-height: 4.2rem; font-size: 1.6rem; display: block; margin: auto; transform: inherit; top: unset; left: unset; right: unset; }
    .banner-wrapper p{max-width: 100%; text-align: center;} 
    .hawaiian-video-wrapper .hawaiian-middle-video h4{font-size: 16px;}
    .same-heading {text-align: center;  padding-bottom: 3rem;}
    .same-heading .wid-550{margin: 0 auto 2rem; max-width: 100%;}
    .style-hawai-nation-wrapper .vertical-bordermiddle-row:before{display: none;}
    .footer .copyright p{font-size: 16px;}

    .step-cardbx{text-align: center;}
    .step-cardbx .title-heading{    font-size: 2rem;}
    .image-textuppr-section .same-heading{    max-width: 95%; margin-top: -3rem; padding: 2rem 1rem;}
    :is(.btn-white,.btn-primaryx,.btn-outline-primaryx){    padding: 1rem 3rem; font-size: 15px;}
    .inner-banner {margin-bottom: 3rem;}
    .inner-banner .banner-text{padding: 3rem 0;}
    .inner-banner .banner-text h1{ font-size: 4rem; line-height: 4rem; text-align: center; }
    .digital-store-btn.store-full-btn{max-width: 100%;  margin-top: 3rem;}
    .digital-store-btn :is(.downloadapps-btn-list ,.buy-phone-list){flex-wrap: wrap; justify-content: center;}
    .digital-store-btn .btn-box{    width: 50%;}
    .header .decentralized-box .btn-box{width: auto;}
    .digital-reputation-icon{margin: 0 auto 2rem;}
    .autonomous-digital-section .step-cardbx .img-box{justify-content: center; text-align: center;}
    .get-started-wrap .started-list{    flex-wrap: wrap; background: none; align-items: flex-start;} 
    .get-started-wrap .started-list li{width: 50%; margin-bottom: 2rem;}
    .get-started-wrap .started-list li:nth-child(even){top: 0;}
    .digital-wallet-section .col-md-6{margin-bottom: 3rem;}
    .digital-organization-section .step-cardbx{height: auto; margin-bottom: 3rem;}
    .digitaltown-hall-wrap .town-metting .left-text{font-size: 36px; line-height: 34px;}
    .digitaltown-hall-wrap .town-metting .left-text .towntext{font-size: 22px; display: block;}
    .digitaltown-hall-wrap .town-metting{margin: 30px auto 6px;}
    .digitaltown-hall-wrap .town-metting .right-text p{font-size: 20px; line-height: 22px;}
    .digitaltown-hall-wrap .town-metting .right-text p small{font-size: 16px;}
    .digitaltown-hall-wrap .town-metting .right-text p + p { margin-top: 20px; }
    .companies-register-form .input-group .btn-primaryx{ font-size: 19px;}

    .company-summary-wrap .org-summary-title{margin-bottom: 2rem;}
    .reputation-score-content .reputation-list li{width: 100%;}
    .company-summary-wrap h3{font-size: 2rem; margin-bottom: 10px;}
    .company-summary-wrap .top-title h3{margin-bottom: 0;}
    .digital-documents-tabs .nav li.nav-item,.digital-documents-tabs .nav .nav-item .nav-link{width: 100%; border-radius: 10px; font-size: 16px; min-height: inherit;}
    .digital-documents-tabs .nav .nav-item:not(:last-child) .nav-link:after{display: none;}
    .digital-documents-tabs .no-file-upload{min-height: 150px;}
    .digital-documents-tabs .no-file-upload p{font-size: 18px;}
    .score-graph-outer .cell-title,.score-graph-outer h4 ,.score-graph-outer .no-bx{    font-size: 10px;}
    .reputation-score-content .reputation-list li{font-size: 16px;}
    .company-summary-wrap .top-title .company-title{font-size: 2.2rem;}
    .company-summary-wrap .top-title .summery-title{font-size: 1.8rem;}
    .declear-unity-content{background-size: 70px;}
    .dot-listing li{text-align: left;}
    .supplements-wrap .filter-left{margin-bottom: 2rem;}
    .arbitration-panel-wrapper .col { max-width: 33.33%; width: 33.33%; }
    .sign-up-newsletter h2{font-size: 2.4rem;}

    .judge-detail-wrapper .judge-sidebar{padding: 2.4rem 1rem;}
    .judge-detail-wrapper .judge-sidebar h3{font-size: 1.8rem;}
    .companies-register-result-table .company-imagebx :is(h3,a){font-size: 16px;}
    .company-summary-wrap .org-summary-title .company-logoimagebx{    max-width: 70px; height: 70px;}
    .company-summary-wrap .org-summary-title .same-heading{text-align: left; padding-left: 10px;}
    .supplements-wrap .filter-top-tab select.form-control{background-size:15px;}

    .assets-detail-list .detail-content :is(.titlebx , .detailbox){font-size: 16px;}
    .company-summary-wrap  .detail-chart-bx{margin-top: 3rem;}
    .company-summary-wrap .detail-list .detailbox,.company-summary-wrap .detail-list .titlebx,:is(.no-result, .no-record){font-size: 16px;}
    .marriage-certificate-section .same-heading{max-width: 100%; padding-bottom: 2rem;}
    .marriage-certificate-section .same-heading h2{font-size: 2rem;}
    .marriage-certificate-section .same-heading h2 .name-bx{font-size: 2.4rem;}
    .marriage-certificate-section .marriage-scan-bx .name-bx{font-size: 3rem;}
    .marriage-certificate-section :is(.marriage-date, .marriage-time){font-size: 2rem;}
    .marriage-certificate-section .marriage-person-img .center-bar-code{width: 100px; height: 100px; padding: 15px;}
    .marriage-certificate-section .marriage-scan-bx :is(.self-img,.spouse-img){width: 170px; height: 170px;}
    .life-hawaination-wrap .step-cardbx .title-heading{min-height: inherit;}

    .petition-form-wrapper{text-align: center;}
    .petition-form-wrapper h5{font-size: 2rem;    margin-bottom: 2rem;}
    .petition-form-wrapper p{margin-bottom: 2rem; line-height: 2.2; }
    .petition-form-wrapper .bottom-signaturebx{margin-top: 3rem;}
    .petition-form-wrapper .bottom-signaturebx {justify-content: center;  flex-wrap: wrap;}
    .petition-form-wrapper .underline-text{padding: 0 6px 6px 6px;}
    .petition-form-wrapper .bottom-signaturebx .signaturebx{   padding: 0px 10px 8px; margin: 0 10px 20px; font-size: 16px;}
    .petition-form-wrapper .bottom-signaturebx .signaturebx + .signaturebx{margin: 0 10px 20px;}
    .inner-banner{text-align: center;}
    .meeting-tabs-wrapper .nav .nav-link{font-size: 14px; padding: 6px 20px; margin: 5px 5px 5px 0;}
    .meeting-tabs-wrapper .meeting-table-content .table .btn-primaryx{white-space: inherit;}
    .meeting-tabs-wrapper .meeting-table-content .table .agenda-pdf-btn{white-space: inherit;}
    .council-meetings-wrapper{padding: 15px;}
    .council-meetings-wrapper .meeting-title h3{font-size: 2rem;}
    .council-meetings-wrapper :not(.list-view) .table thead{display: none;}
    .council-meetings-wrapper :not(.list-view) .table td:before{display: block;}
    .council-meetings-wrapper :not(.list-view) .table td:first-child{padding-left: 1rem;}
    .council-meetings-wrapper :not(.list-view) .table tr{display: flex; flex-direction: column; border:solid 1px #EAEAEA;     background: #f8f7f7; border-radius: 10px; margin-bottom: 20px;}
    .council-meetings-wrapper :not(.list-view) .table tbody td{border: 0; padding: 1rem; }
    .council-meetings-wrapper .upcoming-meetings .table tr:last-child{border-bottom-color:#EAEAEA ;}
    .council-meetings-wrapper .meetings-detail + .meetings-detail { margin-top: 2rem; }

    .online-webinar-wrap .same-heading h3 br{display: none;}
   .online-webinar-wrap .webinar-content-bx{text-align: center;}
   .online-webinar-wrap .webinar-content-bx .webinar-list{text-align: center;}
   .online-webinar-wrap .webinar-list li{padding: 1rem 0;}
   .wasatch-country-wrap .ameneded-bx .ameneded-red-title{font-size: 2rem; margin-bottom: 1rem; }
   .wasatch-country-wrap .same-heading p a{word-break: break-all;}
   .inner-banner .agenda-file-btns a{margin: 0.5rem;}
   .council-voting-wrapper .council-meetings-wrapper .table td{width: auto !important;}
   .inner-banner .banner-pagelink-btn{justify-content: center; padding: 0 15px;}
   .inner-banner .banner-pagelink-btn .page-url{font-size: 14px;}
   .inner-banner .banner-pagelink-btn .external-link{ font-size: 17px; }
   .voting-card-detail .toptitle-withimg h2{font-size: 2.4rem;}
   .voting-card-detail :is(label, h3){font-size: 16px;}
   .voting-card-detail .progress{    height: 3rem;}
   .voting-card-detail .progress .progress-bar{height: 3rem; font-size: 11px;}
   .opinion-percentbx{padding: 1rem;}
   .opinion-percentbx .number{font-size: 18px;}
   .voting-card-detail  .form-check .form-check-input { width: 2rem; height: 2rem; }
   .voting-card-detail .discription-bx{margin-bottom: 2rem; }
   .inner-banner .voting-banner-title h3{font-size: 2.4rem; margin: 1rem 0; }
   .council-voting-wrapper .gridlist-icons{margin-top: 0px;}

   
   .profile-detail-wrapper .right-profilebarcode{margin: 2rem auto 0;}
   .profile-detail-wrapper .right-profilebarcode .barcode-img .lock-icon{font-size: 4rem;}
   .profile-detail-wrapper .profile-detail-left .profile-img{max-width: 200px; min-height: 200px; padding: 1rem;}
   .profile-detail-wrapper .profile-detail-left .profile-img .img-box{width: 120px; height: 120px; }
   .profile-detail-wrapper .profile-detail-left .profile-content h4{font-size: 18px;}
   .profile-detail-wrapper .profile-detail-left .profile-content{padding: 0 2rem;     width: calc(100% - 200px);}
   .profile-tab-wrapper .nav{justify-content: center;}
   .profile-tab-wrapper .nav .nav-item{padding: 0.5rem;}
   .profile-tab-wrapper .nav .nav-item:first-child{padding-left: 0.5rem;}
   .profile-tab-wrapper .tab-content{padding: 4rem 0;}
   .profile-tab-wrapper :is(.certificate-title-box, .organizations-title-box){text-align: center; margin-bottom: 3rem;}
   .profile-tab-wrapper :is(.certificate-title-box, .organizations-title-box) h3{font-size: 2.4rem;}
   .profile-tab-wrapper :is(.certificate-title-box, .organizations-title-box) .view-certificate-request{justify-content: center; flex-wrap: wrap;}
   .profile-tab-wrapper :is(.certificate-title-box, .organizations-title-box) .view-certificate-request .btn-primaryx{margin: 1rem 0;}
   .profile-tab-wrapper .certificate-card .pdf-iconbx,.tabcard-box .cardimg-bx{min-height: 100px;}
 
   .gettouch-wrap .same-heading{text-align: left;}
   .hawaiian-phone-wrapper .hawaiian-mobile-img{max-width: 100%; position: relative;}
   /* .decentralized-wrapper .decentralized-content .img-box{min-height: 270px;} */
   .decentralized-wrapper .decentralized-content h3{font-size: 2rem;}
   .hawai-home-banner .banner-bottom-btn .hawain-download-titleicon{justify-content: center;}
   .hawai-home-banner #hawaiian-banner-slider .carousel-item{padding: 140px 0 30px; min-height: inherit;}
   .hawai-home-banner .banner-bottom-btn{padding-top: 20px;}
   .hawai-home-banner .banner-bottom-btn .hawaiian-group-btn-list a{font-size: 14px;}
   .hawai-home-banner .banner-bottom-btn .hawaiian-group-btn-list a .text-box span{font-size: 12px;}

   
   .reclamation-wrapper .col{flex: 0 0 100%; padding: 0 15px;}
   .reclamation-wrapper .reclamation-content ul{padding-left: 0;}
   .reclamation-wrapper .reclamation-content{text-align: center; margin-bottom: 3rem;}
   .reclamation-wrapper .reclamation-content .icon-box span { width: 80px; height: 80px; line-height: 80px; }
   .financial-flow-wrapper .financial-flow-img{border: 0; padding: 0 0 30px;}
   .financial-flow-wrapper .hawaiian-pay-img .img-box{width:100%; max-width: 150px; margin: 0 auto 2vw;}

   .hawai-home-banner #hawaiian-banner-slider .carousel-caption{min-height: inherit;}
   .section-bottom-btn a {margin: 3px;}
   .section-bottom-btn a + a{margin: 3px;}
   .financial-flow-wrapper .financial-list {border: 0; margin-bottom: 3rem;}

/* 28-02-2024 */
.ohana-banner .banner-middle-bx{width: 100%; max-width: 300px; margin: auto;}
.ohana-banner .banner-title h1{font-size: 30px; line-height: normal;}
.ohana-banner .banner-left-title .quotes-icon{font-size: 15px;}
.ohana-banner .banner-left-title .quotes-icon.left-icon{     left: -22px;
    top: -10px;}
.ohana-banner .banner-left-title .quotes-icon.right-icon{right: -20px;
    bottom: -10px;}
.ohana-banner .banner-right-title .hawaiian-group-btn{margin-top: 1rem;}
.ohana-banner .banner-right-title .hawaiian-group-btn li a{margin: 0 0.5vw;}
.license-plate-wrapper .img-box{max-width: 360px;}
.ohana-banner .banner-right-title{padding: 1rem 0 3rem;}
.principles-list-wraapper .principles-list li .principles-content h4{font-size: 18px;}
.principles-list-wraapper .principles-list li .principes-content p{font-size: 14px;}

/* .hawaiian-group-btn-list a + a{margin: 5px 0 !important;} */
.hawaiian-group-btn-list a {margin: 5px !important;}



.searchListWrapper .filterlistContent.list-view-filter .listBx:not(.assetsNolist) li{    width: 100%;     margin-bottom: 15px;}
.searchListWrapper .filterlistContent.list-view-filter .listview-visibleContent .assetsNolist {margin-top: 0;}
.searchListWrapper .filterlistContent.list-view-filter .listview-visibleContent .assetsNolist li{width: 100%; }
.searchListWrapper .filterlistContent.list-view-filter .card{flex-wrap: wrap;}
.searchListWrapper .filterlistContent.list-view-filter :is(.cardbottomContent){width: 100%; padding: 15px; border: 0;}
.searchListWrapper .filterlistContent.list-view-filter :is(.listViewBox){width: 40%;}
.searchListWrapper .filterlistContent.list-view-filter :is(.cardMiddleContent){width: 60%;}
.searchListWrapper .filterlistContent.list-view-filter .reputationscorebx{margin-top: 0;}

.searchbannerBx .input-group .form-select{    font-size: 14px;      height:35px;  padding: 10px 26px 10px 10px;     margin-right: 6px;   max-width: 180px;}
.searchbannerBx .input-group input.form-control{       height:35px; padding: 5px 5px 5px 12px;    font-size: 14px;}
.searchbannerBx .input-group .btn-search{font-size: 18px;}
.searchbannerBx .input-group{padding: 5px; margin-top: 20px;}
.searchListWrapper .searchtopBx .resultsBx,.searchListWrapper .searchtopBx .filterDatebx h4{    font-size: 14px;}
.searchListWrapper .searchtopBx .filterDatebx .form-select{height: 40px ;   font-size: 14px;  }
.searchListWrapper .searchtopBx .filter-GridList :is(.list-view-button, .grid-view-button){font-size: 18px; padding: 7px;}
.searchListWrapper .searchtopBx .filterDatebx{margin: 5px;}
.searchListWrapper .searchtopBx .sortListBx{justify-content: center;}


.clearcenter-middlebx .clear-center-logo-right{ width: 100%; max-width: 80px;right: 1rem; top: 1rem;}
.clearcenter-middlebx{padding: 60px 15px 30px;}
.clearcenter-middlebx .trademark-list:before{display: none;}
.clearcenter-middlebx .trademark-list{background: #fff; padding: 10px ;}
.clearcenter-middlebx .trademark-list ul{justify-content: center; flex-wrap: wrap;}
.clearcenter-middlebx .same-heading h2{font-size: 2.4rem;}
.clearcenter-middlebx .same-heading .priceBx{font-size: 2rem;}
.equities-card-listing .equities-card h3{font-size: 20px;}

.equities-card-listing .equities-card .company-icon { width: 60px; height: 60px; margin-top: -50px; padding: 7px; margin-bottom: 10px; }
.equities-card-listing .equities-card .priceBx{font-size: 14px;}
.equities-card-listing .equities-card .token-img { width: 100%; max-width: 70%; margin-left: auto; }
.equities-card-listing .equities-card .card-bottom-content{padding: 10px;}
.equities-card-listing .equities-card .middle-content{padding: 10px;}
.clearcenter-middlebx .trademark-list {    margin-top: 15px;}
.clearcenter-middlebx .trademark-list ul li{border: none; padding: 8px;}
.clearcenter-middlebx .data-token{ right: 2rem; bottom: 2rem;}



/* fund page */
.fund-detail-section .left-title-with-icon{    flex-direction: column;align-items: center;}
.fund-detail-section .left-title-with-icon .title-content{width: 100%; text-align: center; padding: 0 0 10px;}
.fund-detail-section .left-title-with-icon .title-content h2 .active{font-size: 12px; padding: 3px 11px;}
.fund-detail-section .left-title-with-icon .left-icon{ margin-bottom: 10px;}
.fund-detail-section .company-info-right-bx{ background: #fff; padding: 10px; border-radius: 10px; text-align: center; width: 100%; max-width: 70%; margin: 6px auto;}
.fund-detail-section .company-info-right-bx .detailbx{font-size: 16px;}
.fund-detail-section .fund-top-section{ padding-bottom: 30px; margin-bottom: 30px;}
.fund-detail-section .fund-middle-content .fund-middle-left-img{padding: 20px; margin-bottom: 30px;}
.fund-detail-section .right-mid-detail{text-align: center   ;}
.fund-detail-section .right-mid-detail .dashed-border{    margin: 10px 0;}
.fund-detail-section .offering-list .token-number{    font-size: 18px;}
.fund-detail-section .invest-btn-bx{padding: 15px 0; text-align: center;}
.fund-detail-section .invest-btn{margin: auto;}
.fund-detail-section .invest-btn{    font-size: 16px;}
.fund-detail-section .eligibility-text{font-size: 14px; padding: 10px;}
.overview-content-section{text-align: center;}
.fund-detail-section .left-title-with-icon .title-content h2, .overview-content-section h2{font-size: 2.4rem;}
.overview-content-section .check-icon li{text-align: left;}
.overview-content-section .proceeds-content-bx .proceeds-detail{margin: 10px 0;}
.overview-content-section .investor-benefits{padding: 15px; margin: 15px 0;}
.overview-content-section .check-icon{margin: 15px 0;}
.overview-content-section .accordion .accordion-button{font-size: 16px;}
.overview-content-section .management-team-content .detail-bx{text-align: left;}
.overview-content-section .management-team-content h3{font-size: 20px;}
.overview-content-section .management-team-content .designation{font-size: 16px;}
.overview-content-section .management-team-content{margin: 15px 0;}
.overview-content-section .offering-details{margin-top: 30px;}
.overview-content-section .offering-details .text-box{padding: 7px;}
.overview-content-section .offering-details .gradient-button{ width: 100%; max-width: 80%; margin: 5px auto;}
.overview-content-section .proceeds-detail .percentage{    font-size: 20px;}
.overview-content-section .documents-file-text{ background: url(../images/file-icon.png) no-repeat left top #d6d6d6; padding: 40px 0px 8px 0px; background-position: center top 12px; border-radius: 5px; margin: 10px 0;}


/* patent page */
.border-card{text-align: center;}
.border-card h3{font-size: 20px; margin-bottom: 15px;}
.border-card h4{font-size: 16px;}
.border-card .iconBx{margin: 0 auto 20px;}
.border-list-content h3{font-size: 18px;}
.border-list-content .border-text-bx{padding: 15px 0; text-align: center;}
.border-list-content{margin-bottom: 30px;}
/* .how-work-section .digital-trademark{margin-bottom: 3rem;}
.how-work-section .digital-trademark .section-bottom-btn{text-align: center;}
.how-work-section .row .col-lg-4:not(:last-child)::before{display: none;}
.how-work-section .row .col-lg-4:not(:last-child)::after{display: none;}
.how-work-section .border-card.black-border-card{max-width: 100%; margin: 20px 0;} */
.border-card.black-border-card :is(h3, p, h4){min-height: inherit;}
/* .how-work-section .digital-trademark .same-heading{        padding-bottom: 1rem;} */
.border-card .content-bx{padding: 15px;}



}


@media screen and (max-width: 767px)
{
    
    .digital-store-btn.store-full-btn .btn-box { width: 50%;}
    .digital-store-btn .min-width310{min-width: inherit;}
    .digital-store-btn a .left-icon { width: 23px; }
    .digital-store-btn a .light-title { font-size: 8px; }
    .digital-store-btn a{min-width: inherit;    font-size: 12px;}
    .company-summary-wrap .detail-list .detail-content{flex-direction: column;}
    .company-summary-wrap .detail-list .titlebx,.company-summary-wrap .detail-list .detailbox{width: 100%;}
    .additional-information .reputation-text .reputation-score{font-size: 3rem;}
    .sign-up-newsletter{width: 100%; max-width: 91%; margin: auto;}
    .sign-up-newsletter .icon-box{width: 60px; height: 60px; line-height: 60px;}
    .sign-up-newsletter .icon-box img { width: 30px; }
    .sign-up-newsletter .icon-box.top-icon{left: -24px;}
    .sign-up-newsletter .icon-box.bottom-icon{right: -24px;}

    .citytreaties-report-list{padding: 30px 15px;}
    .citytreaties-report-list:before{left: 15px;     transform: inherit;}
    .citytreaties-report-list > li .details-outer-box{width: 100%;}
    .citytreaties-report-list > li .details-outer-box{text-align: start;}
    .citytreaties-report-list > li:nth-child(odd) .details-outer-box{margin-left: inherit;}
    .citytreaties-report-list .year-bx:before{right: 0; left: inherit;}
    .citytreaties-report-list .year-bx:after{right: inherit; left: -5px;}
    .citytreaties-report-list li:nth-child(odd) .year-bx:after{left: -5px;}
    .citytreaties-report-list > li:nth-child(odd) .treaties-details ul li .cities-icon{order: inherit;}
    .citytreaties-report-list > li:nth-child(odd) .treaties-details{text-align: left;}
    .citytreaties-report-list li:nth-child(odd) .year-bx{text-align: left;}
    .citytreaties-report-list .year-bx{padding: 0 0 10px 30px;}
    .citytreaties-report-list .details-outer-box{margin-bottom: 20px;}
    .citytreaties-report-list .treaties-details {padding: 0 10px;}
    .citytreaties-report-list > li:nth-child(odd) .treaties-details ul li{text-align: left;}
    .council-voting-wrapper .council-meetings-wrapper .table h3{font-size: 15px;}

    .hawai-video-section-box.meeting-img-box{height: auto;}
    .voting-card-detail .toptitle-withimg .img-box{height: auto;}
    .voting-table .date-box{margin:10px 0;}
    .voting-card .description-content{min-height: inherit;}
    .profile-detail-wrapper .profile-detail-left .profile-content .text-box{margin-bottom: 2rem;}
    .profile-tab-wrapper .certificate-card{padding: 1rem;}

    .header .site-logobx{    width: 100%; max-width: 180px;}
    .certificates-detail-modal .modal-body{padding: 1rem;}
    .certificates-detail-modal .modal-dialog { max-width: 95%; margin: auto; }
    .certificates-detail-modal .profile-content .text-box{margin-bottom: 1.5rem;}
    .certificates-detail-modal .profile-content h4{font-size: 18px;}
    .certificates-detail-modal .certificates-detail{margin-bottom: 1rem; padding-bottom: 1rem;}
    .certificates-detail-modal .modal-content .btn-close{font-size: 14px; width: 30px; height: 30px; line-height: 32px;    right: -8px; top: -8px;}

    .declear-unity-content{    background-image: none;}


  .financial-flow-wrapper .financial-list{align-items: flex-start;} 
  .financial-flow-wrapper .financial-list>li{width: 33.33%;}
  .financial-flow-wrapper .financial-list>li:last-child { width: 100%; }
  .financial-flow-wrapper .financial-list .inner-list .content-box .iconBx:after, .financial-flow-wrapper .financial-list .content-box .bariconbx:before{display: none;}
  .financial-flow-wrapper .financial-list .inner-list .iconBx:before{width: 100%;}
  .financial-flow-wrapper .financial-list .inner-list{display: flex;     margin: 15px 0 0;}
  .financial-flow-wrapper .financial-list .inner-list li{width: 25%;}
  .financial-flow-wrapper .financial-list .inner-list li:first-child .content-box .iconBx:before{display: none;}
  .financial-flow-wrapper .financial-list .inner-list .content-box .iconBx:before{left: -50%; right: unset;}  

  .financial-flow-wrapper .financial-list .content-box .bariconbx{margin: 0 auto 30px;     width: 90px; height: 90px;}   
  .financial-flow-wrapper .financial-list .content-box .iconBx .inner-icon-img{width: 55px; height: 55px;}                 
  .financial-flow-wrapper .financial-list .content-box .iconBx .inner-icon-img img{width: 70%;}   
  .financial-flow-wrapper .financial-list > li:nth-child(3) .content-box .iconBx:before{left: -67%;}
  .financial-flow-wrapper .financial-list .content-box .iconBx:before{width: 100%;}
  .financial-flow-wrapper .financial-list .content-box .title{font-size: 12px;} 
  .financial-flow-wrapper .financial-list .content-box .bariconbx{padding: 5px;}
  .financial-flow-wrapper .hawaiian-pay-img .btn-primaryx{margin-top: 2rem;}

/* 28-02-2024 */
.ohana-banner{padding-top: 40px;}
/* .ohana-banner .banner-title h1{margin-bottom: 0;     } */
.ohana-banner .banner-left-title{max-width: 100%;padding: 2vw 6vw; text-align: center;}
.ohana-banner .banner-left-title h3{font-size: 16px;}
.ohana-banner .banner-right-title .hawaiian-group-btn li a{ width: 40px; height: 40px; line-height: 40px;}
.ohana-banner .banner-right-title .hawaiian-group-btn li a img{max-width:18px ;}
.ohana-banner .banner-middle-bx .video-play-icon{width: 40px;height: 40px;line-height: 40px;font-size: 16px;}
.video-play-icon{width: 40px;height: 40px;line-height: 40px;font-size: 16px;}

.same-discription-with-imgbx .img-box{margin-bottom: 3rem;}
 #toggle-btn{    margin-left: 6px;}
.searchListWrapper .searchtopBx{text-align: center;}
.searchListWrapper .searchtopBx .sortListBx{justify-content: center; }


}

@media screen and (max-width: 640px)
{
    
    .profile-detail-wrapper .profile-detail-left{flex-direction: column;}
    .profile-detail-wrapper .profile-detail-left .profile-img{margin: 0 auto 2rem;}
    .profile-detail-wrapper .profile-detail-left .profile-content{width: 100%; padding: 1rem 0; text-align: center;}
    .profile-detail-wrapper .right-profilebarcode{    margin: 1rem auto 0;}
    .supplements-wrap .filter-left{flex-direction: column; }
    .supplements-wrap .filter-top-tab .right-box{text-align: center;}
    .supplements-wrap .filter-top-tab select.form-control{margin: 0 ;}
    .supplements-wrap .filter-top-tab{margin-bottom: 2rem;}
   .header .emptyBx { font-size: 20px; padding: 15px 0;}

.searchListWrapper .card .cardTitleWithImg .imgBx{ max-width: 50px; height: 50px;}
.searchListWrapper .card .cardTitleWithImg .titleBx{    font-size: 14px;  line-height: normal;    width: calc(100% - 50px);}
.searchListWrapper .card .assetsNolist .detailBx{    font-size: 20px;}
.searchListWrapper .card .listBx .detailBx{font-size: 14px;}
.searchListWrapper .filterlistContent.list-view-filter :is(.cardbottomContent){padding: 10px 0;}
.searchListWrapper .slider-container .number--label{font-size: 14px;}
.searchListWrapper .individualCard .cardTitleWithImg .imgBx{    max-width: 106px !important;    height: 140px !important;}
.searchListWrapper .individualCard .cardTitleWithImg .personNameInfo{ width: calc(100% - 106px);}



/* fund-page */


.overview-content-section .management-team-content{flex-direction: column;}
.overview-content-section .management-team-content .img-bx{ width: 100%; max-width: 150px; margin: auto; border-radius: 10px; overflow: hidden;}
.overview-content-section .management-team-content .detail-bx{width: 100%; padding: 15px 0; text-align: center;}
.fund-detail-section .company-info-right-bx{max-width: 100%;}

}

@media screen and (max-width: 576px)
{
   
    .banner-wrapper .banner-text-heading h1{font-size: 40px; line-height: 40px;}
    .banner-wrapper{ text-align: center;}
    .hawainflag-detail-warpper .hawainflag-detail-list{margin-bottom: 3rem;}
    .hawainflag-detail-warpper .hawainflag-detail-list li{width: 100%; padding-bottom: 2rem;}
    .hawainflag-detail-warpper .hawainflag-detail-list li h4{    font-size: 18px;}
    .hawaiian-group-btn-list{flex-direction: column;}
    .hawaiian-group-btn-list a + a{margin-left: 0;}
    .hawaiian-group-btn-list a {margin: 5px 0 !important;}
    .hawaiian-video-wrapper .hawaiian-middle-video h4{font-size: 18px;}
    .principles-list-wraapper .principles-list li { width: 100%; }
    .principles-list-wraapper .principles-list li .principles-content{min-height: inherit; margin-bottom: 3rem;}
    .principles-list-wraapper .principles-list li .principles-content p{min-height: inherit;}
    .digital-store-btn {margin-top: 2rem;}
    .digital-store-btn .btn-box{    width: 100%;}
    .get-started-wrap .started-list li{width: 100%;}
    .get-started-wrap .started-list li .icon-box{margin-bottom: 2rem;}
    .digitaltown-hall-wrap .town-metting .right-text{    padding: 0px 0 0px 30px;    background-size: contain;    min-height: 120px;}
    .digitaltown-hall-wrap .town-metting .left-text{    font-size: 22px; line-height: 22px;}
    .digitaltown-hall-wrap .town-metting .left-text .towntext{font-size: 18px;}
    .digitaltown-hall-wrap .town-metting .right-text p { font-size: 16px; line-height: 16px; }
    .digitaltown-hall-wrap .town-metting .right-text p small { font-size: 11px; }
    /* .digitaltown-hall-wrap .join-metting-btns a,.digitaltown-hall-wrap .join-metting-btns button{width: 100%; margin: 0.5rem 0; justify-content: center;} */
    .digitaltown-hall-wrap .join-metting-btns{flex-direction: column;}
    .digitaltown-hall-wrap .join-metting-btns a{width: 100%;}

    .scan-qrcode-digitalworld .btn-list{flex-direction: column;}
   .scan-qrcode-digitalworld .btn-list .btn{margin: 5px 0; width: 100%;}
   .digital-store-btn.store-full-btn .btn-box{width: 100%;}
    .digital-store-btn a .left-icon{width: 28px;}
    .digital-store-btn a{font-size: 14px;}
   .digital-store-btn a .light-title{    font-size: 11px;}
   .header .decentralized-box .btn-box{width: 100%;}
   .arbitration-panel-wrapper .col { max-width: 50%; width: 50%; }
   .transactions-model h5{font-size: 16px; margin: 0;}

   .certificates-detail-modal .certificates-detail{flex-direction: column;}
   .certificates-detail-modal .profile-content{width: 100%; padding: 2rem 0 0;}
   .certificates-detail-modal .profile-content .text-box{text-align: center;}

   .hawai-home-banner .hawaiian-king-img-box,.hawai-home-banner .banner-icon-logo{display: none;}
   .hawai-home-banner #hawaiian-banner-slider .second-slide-carousel{top: 50%;}
   .hawai-home-banner #hawaiian-banner-slider .bannerslide-bg-img{height: calc(90vh - 90px);}
   .hawai-home-banner .first-slide-carousel .video-play-icon{margin-top: 1rem;}
   .decentralized-wrapper .decentralized-content{margin-bottom: 3rem; padding: 0;  }
   .decentralized-wrapper .decentralized-content h3{margin-top: 1.5rem;}
   .decentralized-wrapper .decentralized-content .img-box{min-height: inherit;    width: 100%; max-width: 200px; margin: auto;}
   .decentralized-wrapper .decentralized-icon-list li{font-size: 14px;}
   .hawai-home-banner .banner-bottom-btn .hawaiian-group-btn-list{flex-direction: row;  }
   .hawai-home-banner .banner-bottom-btn .hawaiian-group-btn-list a {margin: 6px 0 0 6px;}
   .upload-better-choice-bx p br{display: none;}

   .video-modal-dialog .modal-dialog{    max-width: 90vw; margin: auto;}
   .video-modal-dialog .btn-close{width: 25px; height: 25px; line-height: 25px;}
.header .site-logobx{    max-width: 140px;}
.header .language-dropdown{    margin: 0 4px;}
#toggle-btn,#nav-close-btn{ width: 30px; height: 30px; font-size: 14px;}
.header .language-dropdown .flag-icon{margin-right: 4px;}
.header{padding: 1rem 1rem;}
.header .language-dropdown .btn,.header .language-dropdown .dropdown-item{font-size: 15px;}
/* .header .language-dropdown .btn{font-size: 14px;}
.header .language-dropdown .dropdown-item{font-size: 14px;} */

/* .searchListWrapper .searchtopBx .filterDatebx{    margin: 0 2px;} */
.searchListWrapper .searchtopBx .filterDatebx h4{font-size: 12px;white-space: pre;}
.searchListWrapper .searchtopBx .filterDatebx .form-select{max-width: 100%; margin-left: 8px;}


.digital-world-trademark .button-group-list{    flex-direction: column;}
.digital-world-trademark .button-group-list .btn{width: 100%; display: block;}

}



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


}