@media (max-width: 1600px) {
}
@media (max-width: 1460px) {



}

@media (min-width: 768px) and (max-width: 1024px){

  .container{padding: 0 60px}

  .header-main .inner-area .right{display: none;}
  .header-main .inner-area .left{width: 100%; justify-content: space-between;}
  .header-main .inner-area .left ul.leftmenu{display: none}
  .header-main .inner-area .left .btn-menu{display: block;}
  .top-video-section{padding: 64px 0; text-align: center;}
  .top-video-section .inner-block{display: block;}
  .top-video-section .inner-block .content-block{width: 100%}
  .top-video-section .inner-block .image-block{width: 100%}
  .top-video-section .inner-block h1{font-size: 2.2rem}
  .top-video-section .inner-block ul li{text-align: left;}
  .top-video-section .inner-block .btn-area{justify-content: center;}
  .top-video-section .inner-block .image-block video{width: 80%; margin: 0 auto;}

  .number-section{padding: 32px 15px 0px 15px}
  .number-section .icon img{max-width: 260px}
  .number-section .subtitle{margin-bottom: 30px}

  .passkeys-banner{padding-top: 12px}
  .passkeys-banner .banner-area {background-color: #f1f5f8; padding: 28px 15px; margin: 0; border-radius: 15px; text-align: center;}
  .passkeys-banner h2{font-size: 1.8rem; margin: 24px 0}

  .everyday-nordpass{padding: 64px 0}
  .everyday-nordpass h2{font-size: 2.2rem}
  .everyday-nordpass .d-flex{display: block !important; margin-top:48px }
  .everyday-nordpass .photo-area{width: 100%; margin-bottom: 28px}
  .everyday-nordpass .content-block{width: 100%; padding: 0px}
  .everyday-nordpass .d-flex:nth-of-type(2n+2) .photo-area{padding-left: 0px}
  .everyday-nordpass h3{font-size: 1.8rem}
  .everyday-nordpass .d-flex:nth-of-type(2n+2) .content-block h3{width: 100%}

  .family-banner {padding-bottom: 64px;}
  .family-banner .d-flex{display: block !important; padding: 25px 25px 40px 25px}
  .family-banner .photo-area{width: 100%; padding-right: 0;}
  .family-banner .content-block {width: 100%; padding-left: 0; text-align: center;}
  .family-banner h2{font-size: 2rem; margin-top: 20px;}
  .family-banner .offer{font-size: 2rem;}
  .family-banner .btn-black{padding: 10px 30px; margin-right: 0; margin-bottom: 15px; width: 100%;}
  .family-banner .btn-white{padding: 10px 30px; margin-right: 0;  width: 100%;}

  .cases-section{padding: 64px 0 44px 0}
  .cases-section h2{font-size: 2.1rem;}
  .cases-section .main-tab{width: 264px;}
  .cases-section .main-tab a.nav-link{font-size: 14px; padding: 10px 18px;}
  .cases-section .subtab{flex-wrap: nowrap; overflow-x: scroll; justify-content: flex-start;}
  .cases-section .subtab a.nav-link{white-space: pre;}
  .cases-section .d-flex{display: block !important}
  .cases-section .d-flex .photo-area{width: 100%; margin: 0px}
  .cases-section .d-flex .content-block{padding:30px 0 0 0; width: 100%}

  .personal-plans-cards-section{padding-top: 64px}
  .personal-plans-cards-section .content-area{padding: 25px}
  .personal-plans-cards-section .card-block{margin-bottom: 20px}
  .personal-plans-cards-section p{font-size: 14px}

  .customers-say{padding-top: 50px}
  .customers-say h2{font-size: 2rem;}
  .customers-say .main-tab{flex-wrap: nowrap; overflow-x: scroll; justify-content: flex-start; padding-bottom: 15px; margin-bottom: 20px}
  .customers-say .main-tab a.nav-link{white-space: pre;}
  .customers-say .business-review-block{margin-bottom: 15px}
  .customers-say .business-review-block p{font-size: 14px; min-height: auto}
  .customers-say .youtube-review{margin-bottom: 15px}
  .customers-say .youtube-review p{font-size: 14px; min-height: auto}
  .customers-say .youtube-review .btn-youtube{padding: 0px}
  .customers-say .trustpilot-review{margin-bottom: 15px}
  .customers-say .trustpilot-review p{font-size: 14px; min-height: auto}
  .customers-say .trustpilot-review .user{margin-bottom: 10px}

  .plan-area{padding: 60px 0 60px 0}
  .plan-area .btn-white{width: 100%; padding: 10px}
  .plan-area .d-flex{display: block !important;}
  .plan-area .plan-block {width: 100%; margin: 0; padding: 38px 15px; margin-bottom: 15px}
  .plan-area .main-tab{width: 264px;}
  .plan-area .main-tab a.nav-link{font-size: 14px; padding: 10px 18px;}

  footer .footer-main .inner-area{margin: 0 -10px 20px -10px}
  footer .footer-main .inner-area .col-20{width: 50%}
  footer .footer-main .link-area{display: block; border-top: #d0d1d3 1px solid; padding-top: 30px;}
  footer .footer-main .link-area ul.menu{display: block; text-align: center;}
  footer .footer-main .link-area .language{justify-content: center; width: 100%; margin-top: 15px;}
  footer .footer-main p{text-align: center;}
  footer .footer-main .bottom-area{display: block;}
  footer .footer-main .bottom-area .follow{margin-top: 15px}

  .top-section.pd{padding: 64px 0; }
  .top-section{padding: 64px 0; }
  .top-section .inner-block{display: block;}
  .top-section .inner-block .content-block{width: 100%; margin-bottom: 30px}
  .top-section .inner-block .image-block{width: 100%; margin: 0px}
  .top-section .inner-block h2{font-size: 2rem;}


  .premium-offer {padding: 40px 0 0 0;}
  .premium-offer .d-flex{display: block !important;}
  .premium-offer .photo-area{width: 100%}
  .premium-offer .content-block{width: 100%; padding: 25px 0px 0px 0px; margin: 0px}
  .premium-offer h2{font-size: 2rem;}

}



@media (max-width: 767px) {
  .container{padding: 0 15px}

  .header-main .inner-area .right{display: none;}
  .header-main .inner-area .left{width: 100%; justify-content: space-between;}
  .header-main .inner-area .left ul.leftmenu{display: none}
  .header-main .inner-area .left .btn-menu{display: block;}
  .top-video-section{padding: 64px 0; text-align: center;}
  .top-video-section .inner-block{display: block;}
  .top-video-section .inner-block .content-block{width: 100%}
  .top-video-section .inner-block .image-block{width: 100%}
  .top-video-section .inner-block h1{font-size: 2.2rem}
  .top-video-section .inner-block ul li{text-align: left;}
  .top-video-section .inner-block .btn-area{display: block;}
  .top-video-section .inner-block .btn-area .inner{margin: 0px}
  .top-video-section .inner-block .image-block video{width: 100%}

  .number-section{padding: 32px 15px 0px 15px}
  .number-section .icon img{max-width: 260px}
  .number-section .subtitle{margin-bottom: 30px}

  .passkeys-banner{padding-top: 12px}
  .passkeys-banner .banner-area {background-color: #f1f5f8; padding: 28px 15px; margin: 0; border-radius: 15px; text-align: center;}
  .passkeys-banner h2{font-size: 1.8rem; margin: 24px 0}

  .everyday-nordpass{padding: 64px 0}
  .everyday-nordpass h2{font-size: 2.2rem}
  .everyday-nordpass .d-flex{display: block !important; margin-top:48px }
  .everyday-nordpass .photo-area{width: 100%; margin-bottom: 28px}
  .everyday-nordpass .content-block{width: 100%; padding: 0px}
  .everyday-nordpass .d-flex:nth-of-type(2n+2) .photo-area{padding-left: 0px}
  .everyday-nordpass h3{font-size: 1.8rem}
  .everyday-nordpass .d-flex:nth-of-type(2n+2) .content-block h3{width: 100%}

  .family-banner {padding-bottom: 64px;}
  .family-banner .d-flex{display: block !important; padding: 25px 25px 40px 25px}
  .family-banner .photo-area{width: 100%; padding-right: 0;}
  .family-banner .content-block {width: 100%; padding-left: 0; text-align: center;}
  .family-banner h2{font-size: 2rem; margin-top: 20px;}
  .family-banner .offer{font-size: 2rem;}
  .family-banner .btn-black{padding: 10px 30px; margin-right: 0; margin-bottom: 15px; width: 100%;}
  .family-banner .btn-white{padding: 10px 30px; margin-right: 0;  width: 100%;}

  .cases-section{padding: 64px 0 44px 0}
  .cases-section h2{font-size: 2.1rem;}
  .cases-section .main-tab{width: 264px;}
  .cases-section .main-tab a.nav-link{font-size: 14px; padding: 10px 18px;}
  .cases-section .subtab{flex-wrap: nowrap; overflow-x: scroll; justify-content: flex-start;}
  .cases-section .subtab a.nav-link{white-space: pre;}
  .cases-section .d-flex{display: block !important}
  .cases-section .d-flex .photo-area{width: 100%; margin: 0px}
  .cases-section .d-flex .content-block{padding:30px 0 0 0; width: 100%}

  .personal-plans-cards-section{padding-top: 64px}
  .personal-plans-cards-section .content-area{padding: 25px}
  .personal-plans-cards-section .card-block{margin-bottom: 20px}
  .personal-plans-cards-section .card-block .card-photo{height: 140px}
  .personal-plans-cards-section p{font-size: 14px}

  .customers-say{padding-top: 50px}
  .customers-say h2{font-size: 2rem;}
  .customers-say .main-tab{flex-wrap: nowrap; overflow-x: scroll; justify-content: flex-start; padding-bottom: 15px; margin-bottom: 20px}
  .customers-say .main-tab a.nav-link{white-space: pre;}
  .customers-say .business-review-block{margin-bottom: 15px}
  .customers-say .business-review-block p{font-size: 14px; min-height: auto}
  .customers-say .youtube-review{margin-bottom: 15px}
  .customers-say .youtube-review p{font-size: 14px; min-height: auto}
  .customers-say .youtube-review .btn-youtube{padding: 0px}
  .customers-say .trustpilot-review{margin-bottom: 15px}
  .customers-say .trustpilot-review p{font-size: 14px; min-height: auto}
  .customers-say .trustpilot-review .user{margin-bottom: 10px}

  .plan-area{padding: 60px 0 60px 0}
  .plan-area .btn-white{width: 100%; padding: 10px}
  .plan-area .d-flex{display: block !important;}
  .plan-area .plan-block {width: 100%; margin: 0; padding: 38px 15px; margin-bottom: 15px}
  .plan-area .main-tab{width: 264px;}
  .plan-area .main-tab a.nav-link{font-size: 14px; padding: 10px 18px;}

  footer .footer-main .inner-area{margin: 0 -10px 20px -10px}
  footer .footer-main .inner-area .col-20{width: 50%}
  footer .footer-main .link-area{display: block; border-top: #d0d1d3 1px solid; padding-top: 30px;}
  footer .footer-main .link-area ul.menu{display: block; text-align: center;}
  footer .footer-main .link-area .language{justify-content: center; width: 100%; margin-top: 15px;}
  footer .footer-main p{text-align: center;}
  footer .footer-main .bottom-area{display: block;}
  footer .footer-main .bottom-area .follow{margin-top: 15px}

  .top-section.pd{padding: 64px 0; }
  .top-section{padding: 64px 0; }
  .top-section .inner-block{display: block;}
  .top-section .inner-block .content-block{width: 100%; margin-bottom: 30px}
  .top-section .inner-block .image-block{width: 100%; margin: 0px}
  .top-section .inner-block h2{font-size: 2rem;}
  .top-section .inner-block .email-area{display: block;}
  .top-section .inner-block .email-area .form-control{width: 100%; height: 50px;}
  .top-section .inner-block .email-area .btn-started{width: 100%; margin-left: 0; margin-top: 10px; padding: 8px 24px;}

  .premium-offer {padding: 40px 0 0 0;}
  .premium-offer .d-flex{display: block !important;}
  .premium-offer .photo-area{width: 100%}
  .premium-offer .content-block{width: 100%; padding: 25px 0px 0px 0px; margin: 0px}
  .premium-offer h2{font-size: 2rem;}
}