@media (max-width: 374px){
    .products-new-hero-wrapper {
        height: 92rem !important;
    }
    .activities-tracking-img{
        width: 90%;
    }
    .product-users {
        margin-top: 51rem !important;
    }
    .most-popular-features-1 {
        height: 138rem !important;
    }
    .howitworks {
        height: 103rem !important;
    }
        }
        @media (min-width: 375px) and (max-width: 474px){
    .products-new-hero-wrapper {
        height: 107rem !important;
    }
    .screenshot-img, .activities-tracking-img, .empl-mon-img{
        width: 90%;
    }
    .most-popular-features-1 {
        height: 132rem !important;
    }
        }
        @media (min-width: 424px) and (max-width: 474px){
    .products-new-hero-wrapper {
        height: 102rem !important;
    }
        }
        @media (min-width: 475px) and (max-width: 700px){
    .most-popular-features-1 {
        height: 137rem;
    }
    .screenshot-img, .activities-tracking-img, .empl-mon-img {
        width: 90%;
    }
    .products-new-hero-wrapper {
        height: 111.25rem;
    }
    .product-users {
        margin-top: 78rem;
    }
        }
        @media (min-width: 701px) and (max-width: 900px){
    .most-popular-features-1 {
        height: 136rem;
    }
    .screenshot-img, .activities-tracking-img, .empl-mon-img {
        width: 60%;
    }
    .heading-191{
        text-align: center;
    }
    .menu_bar ul.menu_list li {
        margin-right: 0.45rem !important;
    }
    .monitoring-img {
        margin-top: -3.5rem;
    }
    .products-new-hero-wrapper {
        height: 49rem;
    }
        }
        @media (min-width: 768px) and (max-width: 900px){
    .monitoring-img {
        margin-top: -5rem;
    }
    .most-popular-features-1 {
        height: 145rem;
    }
        }
        @media (min-width: 900px) and (max-width: 1019px){
    .products-new-hero-wrapper {
        height: 50rem;
    }
    .monitoring-img {
        margin-top: -5.75rem;
    }
    .most-popular-features-1 {
        height: 146rem;
    }
        }
        @media (min-width: 1020px) and (max-width: 1200px){
    .content-section .second-division .form-title {
        margin-top: 4rem;
    }
    .products-new-hero-wrapper {
        height: 48.5rem;
    }
    .monitoring-img {
        margin-top: -6.5rem;
    }
    .apps-websites {
        left: 4rem;
        width: 90%;
        }
        .productivity-tracking,.real-monitoring,.real-monitoring {
        left: 4.5rem;
        }
    .most-popular-features-1 {
        height: 65rem;
    }
        }
        @media (min-width: 1201px) and (max-width: 1439px){
    .content-section .second-division .form-title {
        margin-top: 3rem;
    }
    .products-new-hero-wrapper {
        height: 51.5rem;
    }
    .monitoring-img {
        top: -8rem;
    }
    .product-users {
        margin-top: 29.2rem;
    }
    .manual-screenshots {
        width: 90%;
    }
    .most-popular-features-1 {
        height: 67rem;
    }
        }
        @media (min-width: 1440px) and (max-width: 1919px){
          .special-text{
          margin-bottom: 0rem;
        }
        .monitoring-img {
        margin-top: -8.65rem;
    }
    .products-new-hero-wrapper {
        height: 63rem;
    }
    .apps-websites,.screenshots-img.hidden ,.actvities ,.stealth-mode.hidden {
        width: 80%;
        max-width: 80%;
        left: 4rem;
    }
    .manual-screenshots {
        max-width: 80%;
    }
    .most-popular-features-1 {
        height: 72em;
    }
        }
        @media screen and (min-width: 1920px){
    .monitoring-img {
        margin-top: -11.5rem;
    }
    .apps-websites,.screenshots-img.hidden ,.actvities ,.stealth-mode.hidden {
      width: 100%;
        left: -3.6875rem;
        max-width: 100%;
    }
    .manual-screenshots {
        max-width: 100%;
    }
    .productivity-tracking, .real-monitoring, .time-and-attendence {
        width: 100%;
        left: 5rem;
        height: auto;
    }
    .most-popular-features-1 {
        height: 99em;
    }
        }
        @media (min-width: 2559px){
          .products-new-hero-wrapper {
        height: 71rem;
    }
    .monitoring-img {
        margin-top: -11rem;
    }
    .apps-websites,.screenshots-img.hidden ,.actvities ,.stealth-mode.hidden {
      width: 90%;
        left: -0.6875rem;
    }
    .productivity-tracking, .real-monitoring, .time-and-attendence {
        width: 80%;
        left: 4rem;
        height: auto;
    }
    .manual-screenshots {
        max-width: 80%;
    }
        }