/* responsive menu icon*/
.responsiveMenuIcon:before {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	background-image: url('https://www.mywealthlocker.app/wp-content/uploads/2025/05/toggle_bar.svg');
	background-repeat: no-repeat;
	transition: all 0.3s ease-out;
}
.nav-btn{display:none;}

/* === */
.responsiveMenu{display:none;}

/* === */
.lock{overflow:hidden;}
.menuOverlay{
	position:fixed; top:0px; left:0px;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	display: none;
}

.responsiveMenu .closeIcon{
    position:absolute; top:10px; right:0px;
    z-index:100;
    width:16px; height:16px;
    background-image: url(images/cross.svg);
    background-repeat: no-repeat;
    background-size:20px;
    background-position:center;
}


/* 
	==========================================
	Responsive Tablet Breakpoints 1
	==========================================
*/

@media only screen and (max-width:1025px) {
    .container{padding:0px 35px;}
    .headerMain .headerTop{grid-template-columns:33% 40% 27%;}
    .card-image:nth-child(2){display:none;}
    .card-image:nth-child(3){display:none;}
    .card-image:nth-child(4){display:none;}
    .card-image:nth-child(5){display:none;}
    .card-image:nth-child(6){display:none;}
    .card-image:nth-child(7){display:none;}
    .buzz-width{width:100%;padding:0px 0px;}
    .heroBanner {padding-top: 64px;padding-bottom: 64px;}
    .banner-content h1 {font-size:64px;max-width:728px}
    .buzzbrand-content h2 {font-size:52px;line-height:60px;}
    .elevated-box-content {grid-column-gap:32px;}
    .steps-how .buzzbrand-content h2 {font-size:40px;line-height:48px;}
    .how-it-works-steps {grid-column-gap:16px;grid-row-gap:16px;padding-top:64px;}
    .works-steps {grid-template-columns:53% 43%;}
    .brand-elevation-media{width:60%;margin:0px auto;}
    .brand-elevation-media img{width:100%;height:100%;}
    .brand-elevation-content::after {top:4%;right:12%;}
    .link-elevat {padding: 4px 6px;gap:4px;height:36px;font-size:13px;line-height:14px;}
    .link-elevat .icon-media {width:24px;height:24px;}
    .link-elevat .icon-media img{width:16px;height:16px;}
    .link-elevat:nth-child(3){left:15%;}
    .link-elevat:nth-child(4){top:71%;left:8%;}
    .link-elevat:nth-child(5){top:64%;right:8%;}
    .link-elevat:nth-child(6){top:85%;right:7%;}
    .brand-types-box {display:flex;gap:48px;flex-wrap:wrap;}
    .brand-types-content{width:100%;order:1;}
    .brand-types-content .buzzbrand-content{text-align:center;}
    .brand-types-content .buzzbrand-content h2 {font-size:40px;line-height:48px;max-width:764px;margin:0px auto;padding-bottom:12px;}
    .brand-types-content .buzzbrand-content p {max-width:530px;margin:0px auto;}
    .brand-types-btn {margin:0px auto;}
    .brand-types-links {gap:40px;order:2;width:100%;flex-direction:column;}
    .pricing .buzzbrand-content{padding:0px 35px;}
    .pricing .buzzbrand-content p{padding-bottom:48px;}
    .promo-mobile {gap:10%;grid-template-columns:58% 32%;align-items: center;}.promo-content {padding:0px;}
    .promo-content .buzzbrand-content .apps-btn {padding:32px 0px 0px 0px;}
    .promo-mockup {padding: 0px 0px 0px 0px;display:flex;justify-content:flex-end;align-items: flex-end;}
    .subscribe {padding:100px 0px;}.subscribers{grid-template-columns:44% 50%;gap:6%;}
	.subscribe-input-group .mail-input{width:100%;}
    .footer-top {grid-template-columns:37% 25% 25%;gap:62px;}
    .footer-bottom p {padding-top:64px;}
    /* landing-page */
    .dbuzz-landing-page {padding:64px 0px;}
    .landingpage-banner {grid-template-columns:57% 40%;}
    .landingpage-content h1 {font-size:48px;line-height:52px;}
    .landingpage-content p {font-size:18px;line-height:24px;}
    .scan-bg .scan-content {font-size:20px;line-height:24px;}
    .scan-bg .scan-qr {width:150px;height:150px;}
    .open-link {font-size:20px;line-height:24px;}
}

@media only screen and (max-width:991px) {
    .headerMain .headerTop{padding:9px 20px;grid-template-columns: 25% 45% 30%;}
    .headerMain .headerTop .logo .custom-logo-link {padding-top:3px;}
    .headerMain .headerTop .logo img {height:33px;}
    .responsiveMenuIcon{display:block;}
    .buttonBox ul li a {width:150px;height:40px;padding:10px 20px;}
    .headerMain .headerTop .navbarHeader{display:none;}
    .headerMain .headerTop .responsiveMenuIcon{order:1;}
    .headerMain .headerTop .logo{order:2;}
    .headerMain .headerTop .buttonBox{order:3;}
    .responsiveMenu {
	    display: block;
	    position: fixed;
	    top: 0px;
	    left: 0px;
	    z-index: 1000;
	    width: 100%;
	    max-height: 100%;
	    padding: 25px 30px;
	    background: #ffffff;
	    color: #090C1D;
	    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.5);
	    border-radius: 0px 0px 10px 10px;
	    overflow: hidden;
	    overflow-y: auto;
	    -webkit-overflow-scrolling: touch;
	    -webkit-transition: -webkit-transform 350ms ease;
	    -moz-transition: -moz-transform 350ms ease;
	    transition: transform 350ms ease;
	    -webkit-transform: translate3d(0, -120%, 0);
	    -moz-transform: translate3d(0, -120%, 0);
	    transform: translate3d(0, -120%, 0);
    }
    .activeMenu {
	    -webkit-transform: translate3d(0, 0, 0) !important;
	    -moz-transform: translate3d(0, 0, 0) !important;
	    transform: translate3d(0, 0, 0) !important;
    }
    .mobileNavDiv ul li a{
	    color: #1D1D1D;
	    font-size: 16px;
	    line-height: 24px;
	    font-weight: 400;
	    padding:2px 0px 2px 3px;
	    transition: all 0.3s;
    }
    .responsiveHeader .logo .logomob{width:fit-content;height:33px;}
    .responsiveHeader .logo .logomob img{width:100%;height:33px;}
    .banner-content h1 {font-size:60px;max-width:679px;}
    .banner-content p {font-size:16px;line-height:24px;max-width:445px;}
    .apps-content .apps-btn {gap:16px;padding:24px 0px;}
    .buzzbrand-content h2 {font-size:48px;line-height:52px;}
    .buzzbrand-content p {font-size:16px;line-height:24px;}
    .elevated-box-content li {padding:2rem 1rem;}
    .elevated-box-content li h3 {padding: 24px 0px 12px 0px;}
    .elevated-box-content li p {max-width:275px;}.elevated-box-content li:nth-child(2) p {max-width:280px;}
    .works-steps{display:flex;flex-wrap:wrap;}.steps-how{width:100%;}.steps-how .buzzbrand-content {text-align:center;}
    .how-it-works-steps {grid-column-gap:32px;grid-row-gap:32px;padding-top:48px;text-align:center;}
    .how-it-works-steps li .how-it-works-step-number {width:32px;height:32px;font-size:18px;line-height:18px;margin: 0px auto;}
    .how-it-works-steps li h3{padding:16px 0px 16px 0px;}
    .how-it-works-steps li p {max-width:237px;margin:0px auto;}
    .how-it-works-image{width:100%;display:flex;justify-content:center;align-items:center;}
    .how-it-works-image img {width:50%;height:auto;}
    .brand-elevation-media {width:100%;}
    .brand-elevation-content::after {display:none;}
    .link-elevat:nth-child(3){top:48%;left:6%;}
    .link-elevat:nth-child(4){top:64%;left:7%;}
    .link-elevat:nth-child(5){top:63%;right:6%;}
    .link-elevat:nth-child(6){top:85%;right:4%;}
    .brand-types-content .buzzbrand-content p{max-width:377px;padding-bottom:24px;}
    .pricing .buzzbrand-content p {max-width:355px;margin:0px auto;}
    .pricing-plans {grid-template-columns: 31.70% 31.70% 31.70%;gap:16px;justify-content:space-between;}
    .plan {padding:40px 20px 40px 20px;height:auto;}.plan-highlighted{height:auto;}
    .plan-button {width:180px;height:45px;}
    .button-light {width:175px;height:40px;}
    .head-plan p {padding: 4px 0px 24px 0px;}
    .plan-price {font-size:40px;line-height:48px;}
    .plan-features {padding-top:24px;}
    .plan-features li {gap:8px;padding-bottom:16px;}
    .plan-features li .check-circle {width:24px;height:24px;}
    .plan-features li .check-circle img {width:16px;height:16px;}
    .plan-highlighted .plan-features li:last-child {padding-bottom:56px;}
    .promo-mobile {gap:6%;grid-template-columns:53% 41%;}
    .promo-content .buzzbrand-content h2{max-width:290px;}
    .promo-content .buzzbrand-content p{max-width:290px;}
    .promo-content .buzzbrand-content .apps-btn{padding:24px 0px 0px 0px;gap:16px;}
    .subscribers {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 48px;
    }
    .subscribers .buzzbrand-content {
	    text-align: center;
    }
    .subscribers .buzzbrand-content h2 {
	    padding: 16px 0px 16px 0px;
    }
    .subscribe-form{width:75%;margin:0px auto;}
	.subscribe-benefits {
		justify-content: center;
	}
    .footer-top {
	    grid-template-columns: 42% 20% 29%;
	    gap: 32px;
	    justify-content: space-between;
    }
    .footer-bottom p {
	    padding-top: 48px;
    }
    /* landing-page */
    .landingpage-banner {
	    padding: 0px 20px;
    }
    .landingpage-content h1 {
	    font-size: 36px;
	    line-height: 40px;
    }
    .landingpage-content p {
	    font-size: 15px;
	    line-height: 22px;
        max-width:400px;
    }
    .open-link {
	    font-size: 16px;
    }
}

@media only screen and (max-width:767px) {
    body{margin:53px auto 0px auto;}
    .headerMain{top:0px;}
    .container {
	    padding: 0px 16px !important;
    }
    .headerMain.sticky {
	    background: #ffffff;
        box-shadow: 0px 2px 6px rgba(4, 21, 76, .12);
    }
    .headerMain .headerTop {
	    display: flex;
	    height: auto;
	    padding: 10px 0px !important;
	    border: none;
	    background: transparent;
    }
    .headerMain .headerTop .logo {
	    order: 1;
    }
    .headerMain .headerTop .buttonBox {
	    display: none;
    }
    .responsiveMenu {
	    padding:20px 16px;
    }
    .responsiveMenu .closeIcon {top: 5px;}
    .heroBanner {
	    padding-top:40px;
	    padding-bottom:40px;
    }
    .banner-content .text-influncer {
        font-size:15px;
	    line-height: 24px;
	    max-width:280px;
	    margin: 0px auto;
	    display: block;
    }
    .banner-content h1 {
	    font-size: 34px;
	    max-width: 320px;
    }
    .banner-content p {
        font-size:15px;
	    max-width: 320px;
    }
    .apps-content .apps-btn {
	    gap: 16px;
	    flex-wrap: wrap;
    }
    .apps-btn a {
	    width:100%;
	    padding: 8px 24px 8px 18px;
	    height: 48px;
	    border-radius: 30px;
	    justify-content: center;
    }
    .apps-btn a .app-icon {
	    width: 32px;
	    height: 32px;
    }
    .apps-btn a .icon-text label {
	    font-size: 16px;
	    line-height: 20px;
    }
    .apps-content .tap-text {
	    font-size: 14px;
	    line-height: 24px;
	    max-width: 320px;
	    display: block;
	    margin: 0px auto;
    }
    .buzz-text-label{font-size:14px;}
    .buzzbrand-content h2 {
	    font-size: 28px;
	    line-height:34px;
    }
    .buzzbrand-content p {
        font-size:15px;
	    max-width: 300px;
	    margin: 0px auto;
    }
    .why-dailybuzz {
	    padding: 48px 0px;
    }
    .elevated-box-content {
	    display: flex;
	    flex-wrap: wrap;
	    grid-column-gap: 0px;
    }
    .elevated-box-content li{width:100%;}
    .how-it-works {
	    padding:48px 0px 48px 0px;
    }
    .steps-how .buzzbrand-content h2 {
	    font-size:28px;
	    line-height:34px;
	    max-width: 320px;
	    margin: 0px auto;
    }
    .how-it-works-steps {
	    grid-template-columns: repeat(1,1fr);
	    grid-column-gap: 0px;
	    grid-row-gap: 24px;
    }
    .how-it-works-image img {
	    width: 100%;
	    height: auto;
    }
    .brand-elevation {
	    padding:48px 0px 48px 0px;
    }
    .brand-elevation-content .buzzbrand-content h2 {
	    max-width:320px;
	    margin: 0px auto;
    }
    .media-links{display:none;}
   .brand-types-content .buzzbrand-content h2 {
	    font-size: 28px;
	    line-height: 34px;
	    max-width: 228px;
    }
    .brand-types-content .buzzbrand-content p {
    	max-width: 275px;
    }
    .brand-types-btn {
	    width: 100%;
	    height: 45px;
    }
    .type-download {
	    width: 98%;
	    height: 40px;
    }
    .brand-types-links {
	    gap: 32px;
	    justify-content: center;
    }
    .items-type-one {
	    gap: 32px;
	    justify-content: center;
    }
    .brand-types-item span {
	    font-size: 20px;
    }
	.link-elevat:nth-child(3){display:none;}
	.link-elevat:nth-child(4){display:none;}
	.link-elevat:nth-child(5){display:none;}
	.link-elevat:nth-child(6){display:none;}
    .items-type-one .brand-types-item:nth-child(1) {
	    width: 100%;
	    height: 170px;
    }
    .items-type-one .brand-types-item:nth-child(2) {
	    width: 100%;
	    height: 170px;
    }
    .items-type-one .brand-types-item:nth-child(3) {
	    width: 100%;
	    height: 170px;
    }
    .items-type-two .brand-types-item:nth-child(1) {
	    width: 100%;
	    height: 170px;
    }
    .items-type-two .brand-types-item:nth-child(2) {
	    width: 100%;
	    height: 170px;
    }
    .items-type-two {
	    gap: 32px;
	    justify-content: center;
    }
    .pricing .buzzbrand-content{padding:0px 0px;}
    .pricing .buzzbrand-content h2{max-width:320px;margin:0px auto;}
    .pricing .buzzbrand-content p {max-width:300px;}
    .pricing-plans{grid-template-columns:repeat(1,1fr);gap:32px;}
    .promo-mobile {
	    display: flex;
	    flex-wrap: wrap;
        gap: 0%;
    }
    .promo-content {
        width:100%;
	    padding: 0px 0px 48px 0px;
    }
    .promo-content .buzzbrand-content {
	    text-align: center;
    }
    .promo-content .buzzbrand-content h2 {
	    font-size:28px;
	    line-height: 34px;
	    padding-bottom: 12px;
        max-width:200px;
        margin:0px auto;
    }
    .promo-content .buzzbrand-content p {
	    max-width: 260px;
    }
    .promo-content .buzzbrand-content .apps-btn {
	    flex-wrap: wrap;
    }
    .promo-mockup{width:100%;justify-content:center;}
    .promo-mockup img{width:100%;}
    .plan-button {
	    width: 100%;
	    height: 45px;
    }
    .button-light {
	    width: 98%;
	    height: 40px;
    }
    .subscribers .buzzbrand-content h2 {
	    font-size:28px;
	    line-height: 34px;
	    max-width: 320px;
	    margin: 0px auto;
	    padding: 12px 0px;
    }
    .subscribers .buzzbrand-content p{max-width:280px;}
    .subscribe-form {
	    width: 100%;
	    margin: 0px auto;
    }
    .subscribe-input-group {
		flex-wrap: wrap;
    }
    .subscribe-input-group .mail-input {
	    width: 100%;
    }
    .submit {
	    width: 100%;
	    height: 45px;
    }
    .start {
	    width: 98%;
	    height: 39px;
    }
    .subscribe-benefits {
	    gap: 10px;
	    justify-content: center;
	    padding-top: 16px;
    }
    .subscribe-benefits li {
	    font-size: 12px;
	    line-height: 14px;
	    gap: 4px;
    }
    .subscribe-benefits li .checkmark-icon {
	    width: 16px;
	    height: 16px;
    }
    .subscribe-benefits li .checkmark-icon img{
	    width: 16px;
	    height: 16px;
    }
    .footer-top {
	    display:flex;
        flex-wrap:wrap;
        gap:16px;
        justify-content: flex-start;
    }
    .footer-brand p {
	    font-size: 15px;
	    line-height: 24px;
	    padding-top: 24px;
        padding-bottom:12px;
	    max-width: 320px;
    }
    .footer-top h4 {
	    font-size: 18px;
	    line-height: 20px;
    }
    .footer-brand{width:100%;}
    .link-useful{width:47%;}
    .link-useful .footer-links {
	    padding-top: 24px;
    }
    .link-useful ul li {
	    padding-bottom: 12px;
    }
    .link-useful ul li a {
	    font-size: 15px;
	    line-height: 18px;
    }
    .footer-social {
	    padding-top: 24px;
	    gap: 10px;
    }
    .footer-social li a {
	    width: 26px;
	    height: 26px;
    }
    .footer-social li a img {
	    width: 16px;
	    height: 16px;
    }
    .footer-bottom p {
	    font-size: 14px;
	    line-height: 15px;
	    max-width: 320px;
	    margin: 0px auto;
        padding-top:16px;
    }
    /* landingpage */
    .landingpage-banner {
	    display: flex;
	    flex-wrap: wrap;
        gap: 40px;
        padding:0px 0px;
    }
    .landingpage-content{width:100%;text-align:center;}
    .landingpage-content h1 {
        font-size: 30px;
	    line-height: 40px;
	    max-width: 320px;
        margin:0px auto;
    }
    .landingpage-content p {
        font-size: 15px;
	    max-width: 300px;
        padding:16px 0px;
        margin:0px auto;
    }
    .scan-box {width: 100%;}
    .scan-bg {padding:16px;flex-wrap:wrap;gap:16px;}
    .scan-bg .scan-qr {width:120px;height:120px;order:1;margin:0px auto;display:block;}
    .scan-bg .scan-content {
        order: 2;
	    text-align: center;
	    margin: 0px auto;
        width:100%;
        display:block;
    }
    .store-btns {grid-template-columns: repeat(1, 1fr);}
    .app-store {
	    width: 80%;
    }
    .icon-text p {
	    color: rgb(253, 253, 253);
	    font-size: 12px;
	    line-height: 15px;
	    font-weight: 400;
	    padding: 0px;
    }
    .icon-text label {
        font-size: 18px;
	    line-height: 22px;
    }
    .landingpage-image{width:100%;text-align:center;}
    .landingpage-image img {width:100%;}
}