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

p{font-size: 1.6rem;}
.banner-section p{font-size: 2rem;}
.same-heading h2{font-size: 3.4rem;}
.service-card{padding: 1.8vw;}
.service-card h3{font-size: 2.4rem;min-height: 120px; }

.service-card .btn-lightx{ padding: 1rem 2.2rem;font-size: 14px;}
:is(.btn-primaryx, .btn-lightx){    padding: 1rem 3rem;font-size: 14px;}

.social-icon-list .icon-list li a{width: 5rem; height: 5rem; line-height: 5rem; border-radius: 1rem;}



}



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

.header .user-login-warp h4 { text-align: center; }
.footer .chatus-content .btn-primaryx{max-width: 100%;}


}


@media screen and (max-width: 1199px) {
    /* header css start*/
.header{padding: 1rem 0; min-height: inherit;}
.header nav .sign-btn{justify-content: center;}
#header-nav{ position: fixed; top: -100%; left:0; right: 0%; width: 100%; height: 100%; background: #fff; overflow: auto; transition: 0.3s; -webkit-transition: 0.3s; z-index: 99; padding:20px 15px; overflow: auto; pointer-events: none; display: block !important;}
.header nav ul{ width: 100%; display: block;}
.header nav ul li{ display: block; margin-bottom: 0px;}
.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: 0;background: #0028680f; padding: 0 0 2rem;  display: none;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: 35px; height: 35px; border-radius: 50%; visibility: hidden; margin-bottom: 2rem;}
#toggle-btn{ width: 35px; height: 35px; justify-content: center; align-items: center; font-size: 16px; background: var(--PrimaryColor); border: 1px solid var(--whiteColor); transition: 0.3s; -webkit-transition: 0.3s; border-radius: 100%; color: var(--whiteColor); outline: none!important; display: inline-flex!important; padding: 0;} 
#header-nav.active{ opacity: 1; visibility: visible; top: 0; pointer-events: all; height: 100vh;} 
#header-nav.active #nav-close-btn{ visibility: visible;} 
.header .container .header-menu-wrap{text-align: right;}
.header nav ul li.mega-menu{margin-bottom: 1rem;}
.header nav ul li a{ font-weight: 600; margin: 0;}
.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; display: 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 .left-mega-menu-title{ display: none;}
.header .mega-menu .middle-menu ul li .dropdown-item, .header .user-login-warp h4,.header .decentralized-box p { font-size: 14px; }
.header .mega-menu .mega-menu-box .learn-more-btn{font-size: 16px; margin-top: 10px; padding: 5px;}
.header .mega-menu .middle-menu ul li{width: 50%; padding: 0;}
.header .mega-menu .middle-menu ul li .dropdown-item{    padding: 9px 5px 9px 30px;background-size:22px ;     background-position: top 11px left;}
.header .user-login-warp{border: 0;     background: #0028680f; height: auto; padding: 20px 15px;}
.header .user-login-warp h4{text-align: center;}
.header .decentralized-box{flex-direction: column; border: 0; padding: 0;}
.header .decentralized-box .digital-store-btn{margin: 0;}
.header .decentralized-box .digital-store-btn :is(.downloadapps-btn-list){justify-content: center; flex-wrap: wrap;}
.header .decentralized-box .digital-store-btn .btn-box{border: 0 !important;}
.header .mega-menu .left-mega-menu-title, .header .mega-menu .middle-menu{padding: 0;}
.header nav ul li .dropdown .dropdown-menu .dropdown-item + .dropdown-item{ border-top: 1px solid #ddd;}
.header nav ul li a.dropdown-hover{  font-size: 16px; font-weight: 700; color: var(--PrimaryColor); text-align: left; padding: 10px 0;   pointer-events: none;}
.header nav ul li a.dropdown-hover .bi-chevron-down{ display: none;}

.header .mega-menu .mega-menu-box h2{    font-size: 17px; margin: 15px 0 5px;}
.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 .language-dropdown .btn{    font-size: 14px;    }
.header .language-dropdown .down-arrow{    margin-left: 4px;}
.header .language-dropdown .flag-icon{ width: 15px;    margin-right: 2px;}
.header .language-dropdown .dropdown-item{font-size: 14px; padding: 5px;}
.header .language-dropdown .dropdown-menu{padding: 3px;}
.header .language-dropdown{margin: 0 10px;}
.header .mega-menu .mega-menu-box,.header nav ul li .dropdown .dropdown-menu{border: 0;}
.header .site-logobx { width: 100%; max-width: 110px; }
.header .emptyBx{ padding: 10px 0; display: block; font-size: 5vw; color: #fff; visibility: hidden; }
.header .without-login .barcode .btn-primaryx:after{display: none;}
.header .user-login-warp .digital-qrcode { max-width: 170px; max-height: 170px; }
.header .without-login .barcode .btn-primaryx{font-size: 12px;}
.header .user-login-warp .digital-qrcode .btn-qrcode{    max-width: max-content;}
.digital-store-btn a{font-size: 14px;}
.digital-store-btn a .left-icon{    width: 24px;}
.header  .resident-mobile-btn .btn-primaryx{ width: 100%; max-width: max-content; margin-right: 0; display: block; margin: 15px 0;}
.header .mega-menu .dropdown{position: relative;}
.header .dropdown .mobile-down-arrow{ display: inline-block; font-size: 16px; color: #000; position: absolute; right: 15px; top: 20px; transform: translateY(-50%); width: 60px; height: 20px;         line-height: 20px; text-align:right;} 
.header .mega-menu .mega-menu-box.active{display: block;}


}


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

.banner-section{min-height: calc(100vh - 61px); padding: 6rem 0;}
.banner-section h1{font-size: 3.2rem;    margin-bottom: 1rem;}
.banner-section p{font-size: 1.8rem;}
.same-heading{margin-bottom: 4rem;}
.same-heading h2{font-size: 2.8rem;}
.same-section{padding: 4rem 0;}
.text-center-mobile{text-align: center;}
.half-width-text{max-width: 100%;}
p{font-size: 1.6rem;}
.social-icon-list{margin-top: 2rem;}
:is(.btn-primaryx,.btn-lightx){font-size: 14px; padding: 1rem 2.6rem;}

.text-center-mobile .social-icon-list .icon-list{justify-content: center;}
.social-icon-list .icon-list li a{width: 4rem; height: 4rem; line-height: 4rem; border-radius: 1rem; font-size: 18px;}
.texan-life-app .social-icon-list .icon-list li a img{width: 18px;}
.container-fluid { padding: 0 15px; }
.equal-container-margin{margin: 0 15px;}
.header .container{padding: 0 15px;}
.overflow-mobile-nowrap{ flex-wrap: nowrap; overflow-x: auto; gap: 15px; margin: 0;}
.overflow-mobile-nowrap::-webkit-scrollbar { width: 0px;  height:0;  background: transparent; }
.overflow-mobile-nowrap .col-6{ width: 43vw; padding: 0;}

.registration-wrap .overflow-mobile-nowrap .col-6{width: 60vw;}

.certificate-wrap .container{max-width: 100%; padding: 0 15px;}
.certificate-wrap .row{ flex-wrap: nowrap; overflow-x: auto;  gap: 15px; margin: 0;}
.certificate-wrap .row::-webkit-scrollbar { width: 0px;  height:0;  background: transparent; }
.certificate-wrap .row .col{ width: auto; padding: 0;flex: 0 0 auto;}
.certificate-wrap .row .col .certificate-card{width: 27vw;}


:is(.registration-wrap .same-heading, .service-card){padding: 15px;}
.service-card h3{font-size: 2.2rem; line-height: 1.5; min-height: 80px;}
.service-card p{font-size: 1.6rem;}
.service-card .service-btn{margin-top: 2rem;}
.service-card .btn-lightx{width: 100%; max-width:max-content; padding: 1.2rem 2rem;}
.registration-wrap .same-heading p{max-width: 100%;}
.registration-wrap .same-heading .img-box{margin-top: 2rem;}
.footer .copyright{font-size: 14px; padding: 1rem 0;}
.footer .footer-menu li a{font-size: 14px;padding: 5px 0; margin: 0; }
.footer h4{font-size: 1.8rem;}
.footer .footer-top-section{padding: 4rem 0 2rem;}
.footer .footer-top-section  .col{flex: 0 0 auto; width: 33%; }
.footer .footer-content{margin-bottom: 2rem;}
.footer .footer-top-section  .col:last-child{width: 66%; }
.footer .footer-top-section  .col:last-child .footer-content{margin-bottom: 0;}


.footer .chatus-content .btn-primaryx{font-size: 14px; width: 100%; max-width: max-content; margin:0 auto 0 0; padding: 1rem 2.6rem;}
.footer .social-icon{justify-content: start;}


.header  .resident-mobile-btn .btn-primaryx{max-width: 100%;}




}




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

.header .decentralized-box .digital-store-btn :is(.downloadapps-btn-list){flex-direction: column;}
.footer .footer-top-section .col{width: 50%;}
.footer .footer-top-section .col:last-child{width: 100%; }
.footer .chatus-content .btn-primaryx{max-width: 100%; margin-top: 2rem;}
.footer .social-icon{justify-content: center; margin-top: 1rem;}
.banner-section{min-height: inherit; }
.txse-exchange-wrap .same-heading .icon-box{max-width: 70%; margin-bottom: 2rem;}
.registration-wrap .same-heading h2{min-height: inherit;}
.registration-wrap .overflow-mobile-nowrap .col-6{width: 80vw;}
.overflow-mobile-nowrap .col-6{width: 80vw;}

.certificate-wrap .row .col .certificate-card{width: 40vw;}
.header .decentralized-box .digital-store-btn{width: 100%;}
.header .decentralized-box .digital-store-btn :is(.downloadapps-btn-list) a{max-width: 100%;}

.banner-section p br{display: none;}

}


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


}