.header .main-div .logo {
  height: 40px;
}

.header .bg-vector {
  display: none;
}

.header .main-div .nav-div {
  display: none;
}

.header .login-btn {
  display: none;
}

.main-div .mob-hamburger {
  display: block;
}

.main-div .mob-hamburger:hover {
  cursor: pointer;
}

.header .mob-menu a img {
  height: 2.5rem;
}

.banner-section .top-left-shade {
  display: none;
}

.banner-section .info-section-bg-image {
  width: 25rem;
}

.banner-section .bottom-right-shade {
  display: none;
}

.banner-section .heading-section {
  text-align: center;
  margin: 0 auto;
}

.banner-section .heading-section #banner-map {
  width: 100%;
}

.aboutus-section .side-logo {
  position: absolute;
  left: 0;
  z-index: -1;
  top: 0;
  height: 20rem;
}

.aboutus-section .aboutus-content {
  text-align: center;
}

.aboutus-section .side-map-image {
  margin-top: 3rem;
}

.popular-maps-section .map-card {
  margin: 0 10px;
}

.popular-maps-section .map-card .map-content {
  text-align: center;
}

.fun-facts-section .fact-div {
  margin: 0 auto;
}

.popular-maps-section .map-card .map-content a {
  justify-content: center;
}

.fun-facts-section .left-logo {
  display: none;
}

.map-screen-section .shade-01 {
  display: none;
}

.map-screen-section .shade-02 {
  display: none;
}

.map-screen-section .map-screen-content .map-image {
  margin: 0 auto;
  width: 100%;
  object-fit: contain;
}

.map-screen-section .map-screen-content .map-image .desktop-mockup {
  margin-bottom: 1rem;
}

.map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg {
  width: 12rem;
}

.map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg .desktop-screen {
  height: 8rem;
}

.map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg .desktop-stand {
  height: 2rem;
}

.map-screen-section .map-screen-content .map-image .laptop-mockup {
  left: 0;
  height: 5rem;
  width: 9rem;
}

.map-screen-section .map-screen-content .map-image .tablet-mockup {
  bottom: 0;
  height: 5rem;
  width: 4rem;
  right: 10%;
}

.map-screen-section .map-screen-content .map-image .mobile-mockup {
  bottom: -1rem;
  right: 27%;
  height: 4rem;
  width: 2rem;
}

.map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg .map-mockup {
  padding: .75rem;
  padding-bottom: 1.5rem;
}

.map-screen-section .map-screen-content .map-image .laptop-mockup .map-mockup {
  padding: 0.75rem 1.5rem;
}

.map-screen-section .map-screen-content .map-image .tablet-mockup .map-mockup {
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
}

.map-screen-section .map-screen-content .map-image .mobile-mockup .map-mockup {
  padding: 0.25rem;
}

.features-section .features-container .mob-features {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.features .feature-map {
  text-align: center;
}

.addons-form h2,
.addons-form p {
  text-align: center;
}

.features-section .features-container .features-list {
  display: flex;
  width: 15rem;
  margin: 0;
}

.features-section .features-container .left-line,
.features-section .features-container .right-line {
  display: none;
}

.pricing-section .pricing-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pricing-section .desktop .div-content {
  display: none;
}

.pricing-section .mobile {
  display: block;
}

.pricing-section .mobile ul {
  justify-content: center;
  width: 100%;
}

.pricing-section .packages {
  padding: 2rem;
  width: 20rem;
}

.pricing-section .packages .bg-card-shade {
  height: 9rem;
}

.newsletter-section .newsletter-container .cta-man,
.newsletter-section .newsletter-container .cta-shape-1 {
  display: none;
}

.newsletter-section .newsletter-container .newsletter-content {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.newsletter-section .newsletter-container {
  text-align: center;
}

.footer-section .container .logo-and-description {
  text-align: center;
}

.footer-section .container .logo-and-description img {
  width: 16rem;
}

.footer-section .quick-link,
.footer-section .social-links,
.footer-section h5 {
  text-align: center;
}

.footer-section .container .social-links .social-icons {
  justify-content: center;
}

.footer-section .container .email-address .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.footer-section .container .email-address .icon img {
  margin-bottom: 0.75rem;
}

.map-preview .search-div {
  flex-direction: column;
}

.checkout .container form {
  flex-direction: column;
}

.checkout .left-section .package-type-div .package-type .type-toggler:not(:last-child) {
  margin-right: 1rem;
}

.coming-soon-tag {
  height: 5rem;
}

#tooltip-gmh {
  font: 12px 'Poppins-Regular', sans-serif;
  max-width: 40%;
  padding: 5px;
}

#tooltip-gmh:has(.custom-tooltip) {
  border-radius: 5px;
}

#tooltip-gmh .custom-tooltip img {
  height: 2.5rem;
  border-radius: 2px;
}

.gdpr-modal .modal-body {
  flex-direction: column;
  gap: 1rem;
}

.gdpr-modal .modal-body svg {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 0.75rem;
}

.gdpr-modal .modal-body p {
  width: 90%;
}

@media (min-width: 320px) {
  .fun-facts-section .fact-div {
    width: 18rem;
  }
}

@media (min-width: 375px) {
  .map-screen-section .map-screen-content .map-image .tablet-mockup {
    right: 15%;
  }

  .pricing-plan .right-section .card {
    margin: 0 auto;
    width: 20rem;
  }

  .pricing-plan .left-section {
    margin: 0 auto;
    width: 20rem;
  }

  .checkout .left-section .package-type-div .package-type .type-toggler:not(:last-child) {
    margin-right: 2rem;
  }
}

@media (min-width: 400px) {
  .map-screen-section .map-screen-content .map-image .laptop-mockup {
    left: 5%;
  }

  .map-screen-section .map-screen-content .map-image .tablet-mockup {
    right: 20%;
  }

  .map-screen-section .map-screen-content .map-image .mobile-mockup {
    right: 30%;
  }
}

@media (min-width: 480px) {
  .gdpr-modal .modal-body p {
    width: 80%;
  }

  .popular-maps-section .map-card {
    margin: 0;
  }

  .map-screen-section .shade-01 {
    display: block;
  }

  .map-screen-section .shade-02 {
    display: block;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg {
    width: 17rem;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg .desktop-screen {
    height: 12rem;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg .desktop-stand {
    height: 2.75rem;
  }

  .map-screen-section .map-screen-content .map-image .laptop-mockup {
    left: 0;
    height: 7rem;
    width: 12rem;
  }

  .map-screen-section .map-screen-content .map-image .tablet-mockup {
    height: 7rem;
    right: 4rem;
    width: 6rem;
  }

  .map-screen-section .map-screen-content .map-image .mobile-mockup {
    right: 28%;
    height: 5rem;
    width: 2.5rem;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg .map-mockup {
    padding: 1.25rem;
    padding-bottom: 2.25rem;
  }

  .map-screen-section .map-screen-content .map-image .laptop-mockup .map-mockup {
    padding: 0.75rem 2rem;
  }

  .map-screen-section .map-screen-content .map-image .tablet-mockup .map-mockup {
    padding: 0.75rem 1rem 0.75rem 0.75rem;
  }

  .pricing-section .packages {
    width: 20rem;
  }

  .newsletter-section .newsletter-container form .form {
    flex-direction: row;
    align-items: center;
    height: 100%;
    justify-content: end;
  }

  .newsletter-section .newsletter-container form .form .input-field input {
    width: 15rem;
  }

  .user-country-wrapper {
    margin-right: 15px;
  }  
}

/* Small devices (min-width: 576px) */
@media (min-width: 576px) {
  h1 {
    font-size: 1.75rem;
    margin-bottom: 2rem;
  }

  .h2, h2 {
    font-size: 1.5rem;
    margin-bottom: 0.875rem;
  }

  h3 {
    font-size: 1.25rem;
    margin-bottom: 1rem; /* Consistent margin-bottom */
  }

  h4 {
    font-size: 1.125rem;
    margin-bottom: 0.85rem; /* Consistent margin-bottom */
  }

  h5 {
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }

  h6 {
    font-size: 1.25rem;
    margin-bottom: 0.65rem; /* Added margin-bottom */
  }

  .subheading {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
  }

  p {
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
  }

  .coming-soon-popup-wrapper .coming-soon-popup {
    width: 500px;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .sub-section-margin-sm-top-0 {
    margin-top: 0;
  }

  .banner-section .info-section-bg-image {
    width: 27rem;
  }

  .popular-maps-section .map-card .map-image img {
    height: 9rem;
  }

  .pricing-section .pricing-container {
    justify-content: flex-end;
  }

  .pricing-section .pro-version {
    transform: scale(0.85) translateX(calc(70% - 100%));
    margin: 0;
  }

  .pricing-section .business-version {
    transform: scale(0.7) translateX(calc(30% - 100%));
    margin: 0;
  }

  .fun-facts-section .fact-div {
    width: auto;
  }

  .map-screen-section .map-screen-content .map-image .mobile-mockup {
    right: 26%;
  }

  .footer-section .quick-link,
  .footer-section .social-links,
  .footer-section h5 {
    text-align: start;
  }

  .footer-section .container .social-links .social-icons {
    justify-content: start;
  }

  .footer-section .container .email-address .icon {
    flex-direction: row;
    align-items: start;
    text-align: left;
  }

  .footer-section .container .email-address .icon img {
    margin-right: 0.75rem;
  }

  .map-preview .side-logo {
    width: 50%;
  }
}

@media (min-width: 640px) {
  .pricing-section .pricing-container {
    justify-content: center;
  }
}

/* Medium devices (min-width: 768px) */
@media (min-width: 768px) {
  h1 {
    font-size: 2rem;
    margin-bottom: 2.125rem;
  }

  .h2, h2 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }

  h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem; /* Consistent margin-bottom */
  }

  h4 {
    font-size: 1.25rem;
    margin-bottom: 0.85rem;
  }

  h5 {
    font-size: 1.125rem;
    margin-bottom: 0.85rem;
  }

  h6 {
    font-size: 1.125rem;
    margin-bottom: 0.75rem; /* Added margin-bottom */
  }

  p {
    font-size: 0.95rem; /* Slightly larger for tablets and up */
    margin-bottom: 0.85rem;
  }

  .subtext {
    font-size: 0.75rem;
    margin-bottom: 0.75rem; /* Added margin-bottom */
  }

  .features ul.toggle-btn li::after {
    right: -1.25rem;
  }

  .toggle-btn .swiper-backface-hidden .swiper-slide {
    width: fit-content!important;
  }

  .toggle-btn .swiper-wrapper {
    justify-content: center;
  }

  .available-countries .swiper-wrapper {
    justify-content: center;
  }

  .toggle-btn .swiper {
    padding: 0;
  }

  .coming-soon-tag {
    height: 11rem;
  }

  .banner-section .heading-section h1 {
    width: 65%;
  }

  .popular-maps-section .map-card .map-image img {
    height: 11rem;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup {
    margin-bottom: 2rem;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg {
    width: 20rem;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg .desktop-screen {
    height: 14rem;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg .desktop-stand {
    height: 3rem;
  }

  .map-screen-section .map-screen-content .map-image .laptop-mockup {
    left: 0;
    height: 10rem;
    width: 18rem;
  }

  .map-screen-section .map-screen-content .map-image .tablet-mockup {
    height: 10rem;
    width: 8rem;
    right: 15%;
  }

  .map-screen-section .map-screen-content .map-image .mobile-mockup {
    right: 29%;
    height: 8rem;
    width: 4rem;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg .map-mockup {
    padding-bottom: 2.5rem;
  }

  .map-screen-section .map-screen-content .map-image .laptop-mockup .map-mockup {
    padding: 1rem 2.85rem;
  }

  .map-screen-section .map-screen-content .map-image .tablet-mockup .map-mockup {
    padding: 0.75rem 1.25rem 0.75rem 0.75rem;
  }

  .pricing-plan .tech-toggle-div .swiper-wrapper {
    justify-content: center;
  }
}

/* Large devices (min-width: 992px) */
@media (min-width: 992px) {
  h1 {
    font-size: 2.125rem;
    margin-bottom: 2.25rem;
  }

  .h2, h2 {
    font-size: 1.75rem;
    margin-bottom: 1.0125rem;
  }

  h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem; /* Consistent margin-bottom */
  }

  h4 {
    font-size: 1.25rem;
    margin-bottom: 0.85rem;
  }

  h5 {
    font-size: 1.125rem;
    margin-bottom: 0.85rem;
  }

  h6 {
    font-size: 1rem;
    margin-bottom: 0.75rem; /* Added margin-bottom */
  }

  .documentation-guide .left-wrapper {
    padding-right: 2rem;
  }

  .release-notes .left-wrapper {
    padding-right: 0;
  }

  #marker-div .marker {
    height: 3rem;
  }

  #marker-div .marker-flag {
    width: 2rem;
    top: 0.35rem;
  }

  /* .documentation-guide .right-wrapper {
    padding-left: 2rem;
    border-left: 1px solid #c7c8c9;
  } */

  .header .main-div .auth-user {
    display: block;
  }

  .countries-maps-wrapper .swiper-wrapper {
    justify-content: center;
  }

  .gdpr-modal .modal-body {
    flex-direction: row;
    gap: 0;
    align-items: center;
  }

  #tooltip-gmh {
    font: 12px 'Poppins-Regular', sans-serif;
    padding: 10px;
  }

  .gdpr-modal .modal-body svg {
    position: static;
    width: 1rem;
  }

  .gdpr-modal .modal-body p {
    margin: 0;
  }

  .gdpr-modal .modal-body button {
    margin-right: 1rem;
  }

  #tooltip-gmh:has(.custom-tooltip) {
    border-radius: 10px;
    padding: 8px;
  }

  #tooltip-gmh .custom-tooltip img {
    height: 4rem;
    border-radius: 5px;
  }

  .header .main-div .logo {
    height: 55px;
  }

  .header .bg-vector {
    display: block;
  }

  .header .main-div .nav-div {
    display: flex;
  }

  .header .main-div .nav-div .nav-link-div .nav-link:not(:last-child) {
    margin-right: 1rem;
  }

  .main-div .mob-hamburger {
    display: none;
  }

  .header .login-btn {
    display: flex;
  }

  .header .mob-menu {
    display: none!important;
  }

  .banner-section .top-left-shade {
    display: block;
  }

  .banner-section .bottom-right-shade {
    display: block;
  }

  .banner-section .heading-section h1 {
    width: 55%;
  }

  .aboutus-section .side-logo {
    height: 100%;
  }

  .aboutus-section .aboutus-content {
    text-align: left;
  }

  .aboutus-section .side-map-image {
    margin-top: 0;
  }

  .popular-maps-section .map-card .map-content {
    text-align: left;
  }

  .popular-maps-section .map-card .map-image img {
    height: 9rem;
  }

  .popular-maps-section .map-card .map-content a {
    justify-content: start;
  }

  .fun-facts-section .left-logo {
    display: block;
  }

  .popular-maps-section .content-div p {
    width: 60%;
  }

  .fun-facts-section p {
    width: 50%;
  }

  .map-screen-section .map-screen-content .map-image .laptop-mockup {
    left: 12%;
  }

  .map-screen-section .map-screen-content .map-image .tablet-mockup {
    right: 24%;
  }

  .map-screen-section .map-screen-content .map-image .mobile-mockup {
    right: 34%;
  }

  .map-screen-section .map-screen-content .map-image .mobile-mockup .map-mockup {
    padding: .5rem;
  }

  .features-section .features-container .map-img {
    height: 24rem;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg .map-mockup {
    padding: 1.5rem;
    padding-bottom: 2.75rem;
  }

  .pricing-section .pricing-container {
    justify-content: flex-end;
  }

  .pricing-section .desktop .div-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }

  .pricing-section .mobile {
    display: none;
  }

  .pricing-section .packages {
    padding: 2rem;
    width: 20rem;
    margin: 0;
  }

  .pricing-section .packages .bg-card-shade {
    height: 9rem;
  }

  .newsletter-section .newsletter-container .cta-man {
    left: 51%;
    height: 8rem;
    bottom: -2.5rem;
    display: block;
    transform: translateX(-50%);
  }

  .newsletter-section .newsletter-container .cta-shape-1 {
    height: 8rem;
    left: 52%;
    bottom: -2rem;
    display: block;
    transform: translateX(-50%);
  }

  .newsletter-section .newsletter-container .newsletter-content {
    justify-content: space-between;
    flex-direction: row;
  }

  .newsletter-section .newsletter-container {
    text-align: start;
  }

  .newsletter-section .newsletter-container h2 {
    margin: 0;
  }

  .footer-section .container .logo-and-description img {
    width: 14rem;
  }

  .footer-section .container .logo-and-description {
    text-align: start;
  }

  .map-screen-section .map-screen-content p {
    margin: 0 auto;
    width: 70%;
  }

  .addons-form h2,
  .addons-form p {
    text-align: left;
  }

  .features-section .features-container > div p {
    margin: 0 auto;
    width: 65%;
  }

  .map-preview .search-div {
    flex-direction: row;
    justify-content: space-between;
  }

  .map-preview .search-div h2 {
    margin-bottom: 0!important;
  }

  .pricing-plan .right-section .card {
    margin: 0;
  }

  .pricing-plan .left-section {
    margin: 0;
    width: auto;
  }

  .checkout .container form {
    flex-direction: row;
  }

  .checkout .left-section,
  .checkout .right-section {
    width: 50%;
    padding-bottom: 4rem;
  }

  .checkout .left-section {
    padding-right: 4rem;
  }

  .checkout .right-section {
    padding-left: 4rem;
    background: #F5F7FA;
  }

  .checkout .container .backdrop {
    display: block;
  }

  .checkout .right-section .billing-details img {
    margin-right: 2rem;
  }
}

/* Extra large devices (min-width: 1200px) */
@media (min-width: 1200px) {
  h1 {
    font-size: 2.25rem;
    margin-bottom: 2.75rem;
  }

  .h2, h2 {
    font-size: 2rem;
    margin-bottom: 1.125rem;
  }

  h3 {
    font-size: 1.75rem;
    margin-bottom: 1rem; /* Consistent margin-bottom */
  }

  h4 {
    font-size: 1.5rem;
    margin-bottom: 0.85rem;
  }

  h5 {
    font-size: 1.25rem;
    margin-bottom: 0.85rem;
  }

  h6 {
    font-size: 1.125rem;
    margin-bottom: 0.85rem; /* Added margin-bottom */
  }

  .checkout .right-section .coupon input {
    width: 20rem;
  }

  .checkout .right-section .coupon {
    width: fit-content;
  }
  
  .header .main-div .nav-div .nav-link-div .nav-link:not(:last-child) {
    margin-right: 1.5rem;
  }

  .header .main-div .nav-div .nav-link-div .user-country-wrapper {
    margin-left: 4rem;
  }

  .banner-section .heading-section h1 {
    width: 55%;
  }

  .banner-section .heading-section #banner-map {
    width: 75%;
  }

  .popular-maps-section .map-card .map-image img {
    height: 11rem;
  }

  .map-screen-section .map-screen-content .map-image .laptop-mockup {
    left: 18%;
  }

  .map-screen-section .map-screen-content .map-image .tablet-mockup {
    height: 10rem;
    width: 8rem;
    right: 27%;
  }

  .map-screen-section .map-screen-content .map-image .mobile-mockup {
    right: 36%;
    height: 8rem;
    width: 4rem;
  }

  .features-section .features-container .mob-features {
    display: block;
  }

  .features .feature-map {
    text-align: left;
  }

  .features-section .features-container .features-list {
    width: 14rem;
    position: absolute;
  }

  .features-section .features-container .right-feature {
    right: 0;
    top: 14rem;
  }

  .features-section .features-container .left-features {
    left: 0;
    top: 14rem;
  }

  .features-section .features-container .bottom-feature {
    margin: 0 auto;
    position: relative;
  }

  .features-section .features-container .left-line,
  .features-section .features-container .right-line {
    display: block;
  }

  .features-section .features-container .left-line {
    height: 11rem;
    left: 11rem;
    bottom: 14rem;
  }

  .features-section .features-container .right-line {
    right: 9rem;
    height: 13rem;
    bottom: 12rem;
  }

  .pricing-section .packages {
    padding: 2rem;
    width: 22rem;
  }

  .pricing-section .packages .bg-card-shade {
    height: 9rem;
  }

  .footer-section .sub-section-margin-top {
    margin-top: 2.15rem;
  }
  
  .footer-section .container .logo-and-description img {
    width: 16rem;
  }

  .map-screen-section .map-screen-content p {
    width: 50%;
  }

  .features-section .features-container > div p {
    width: 55%;
  }
}

/* XXL devices (min-width: 1400px) */
@media (min-width: 1400px) {
  h1 {
    font-size: 2.5rem;
    margin-bottom: 3rem;
  }

  .h2, h2 {
    font-size: 2.25rem;
    margin-bottom: 1.25rem;
  }

  h3 {
    font-size: 2rem;
    margin-bottom: 1.25rem; /* Consistent margin-bottom */
  }

  h4 {
    font-size: 1.75rem;
    margin-bottom: 0.85rem;
  }

  h5 {
    font-size: 1.5rem;
    margin-bottom: 0.85rem;
  }

  h6 {
    font-size: 1.25rem;
    margin-bottom: 1rem; /* Added margin-bottom */
  }

  .banner-section .heading-section h1 {
    width: 50%;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg {
    width: 23rem;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg .desktop-screen {
    height: 16rem;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg .desktop-stand {
    height: 3.75rem;
  }

  .map-screen-section .map-screen-content .map-image .laptop-mockup {
    left: 16%;
    height: 12rem;
    width: 21rem;
  }

  .map-screen-section .map-screen-content .map-image .tablet-mockup {
    height: 13rem;
    right: 28%;
    width: 10rem;
  }

  .map-screen-section .map-screen-content .map-image .mobile-mockup {
    right: 37%;
    height: 10rem;
    width: 5rem;
  }

  .map-screen-section .map-screen-content .map-image .laptop-mockup .map-mockup {
    padding: 1.5rem 3rem;
  }

  .map-screen-section .map-screen-content .map-image .tablet-mockup .map-mockup {
    padding: 1rem 1.5rem 1rem 1rem;
  }

  .features-section .features-container .left-features {
    top: 25%;
    left: 2rem;
  }

  .features-section .features-container .right-feature {
    top: 25%;
    right: 2rem;
  }

  .features-section .features-container .map-img {
    height: 28rem;
  }

  .features-section .features-container .left-line {
    height: 14rem;
    left: 15%;
    bottom: 14rem;
  }

  .features-section .features-container .right-line {
    height: 15rem;
    bottom: 12rem;
    right: 13%;
  }

  .pricing-section .packages {
    padding: 3rem;
    width: 24rem;
  }

  .pricing-section .packages .bg-card-shade {
    height: 10rem;
  }

  .footer-section .container .logo-and-description img {
    width: 18rem;
  }
}

/* Max-width for containers on large screens */
@media (min-width: 1640px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1600px;
  }

  .banner-section .heading-section h1 {
    width: 40%;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg {
    width: 26rem;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg .desktop-screen {
    height: 18rem;
  }

  .map-screen-section .map-screen-content .map-image .desktop-mockup .desktop-svg .desktop-stand {
    height: 4rem;
  }

  .map-screen-section .map-screen-content .map-image .laptop-mockup {
    left: 20%;
    height: 14rem;
    width: 25rem;
  }

  .map-screen-section .map-screen-content .map-image .tablet-mockup {
    height: 14rem;
    right: 29%;
    width: 11rem;
  }

  .map-screen-section .map-screen-content .map-image .mobile-mockup {
    right: 37%;
    height: 12rem;
    width: 6rem;
  }

  .map-screen-section .map-screen-content .map-image .laptop-mockup .map-mockup {
    padding: 2rem 3.75rem;
  }

  .features-section .features-container .left-features {
    top: 25%;
    left: 6%;
  }

  .features-section .features-container .right-feature {
    top: 25%;
    right: 6%;
  }

  .features-section .features-container .map-img {
    height: 30rem;
  }

  .features-section .features-container .left-line {
    height: 15rem;
    left: 19%;
    bottom: 12rem;
  }

  .features-section .features-container .right-line {
    right: 16%;
    height: 17rem;
    bottom: 10rem;
  }

  .popular-maps-section .content-div p {
    width: 50%;
  }

  .fun-facts-section p {
    width: 35%;
  }

  .map-screen-section .map-screen-content p {
    width: 40%;
  }

  .features-section .features-container > div p {
    width: 45%;
  }

  .features .feature-map .img-container {
    height: 17rem;
  }
}