@media (max-width: 374px) {
    .products-new-hero-wrapper {
        height: 92rem;
    }
    .main-img {
        max-width: 100% !important;
        margin-top: 48rem;
    }
    .product-users {
        margin-top: 1rem;
    }
    .most-popular-features-1 {
        height: 133rem;
    }
    video {
        position: relative;
    }
    .stealth-mode,.actvities,.screenshots-img,.apps-websites{
        max-width: 80%;
        width:80%;
        margin:auto;
        left: auto;
    }
    .time-and-attendence ,.real-monitoring,.productivity-tracking,.manual-screenshots {
        max-width: 80%;
        width:80%;
        margin:auto;
        left: auto;
      
    }
    .time-attendance-main-image,.time-attendance-main-image-1 {
        max-width: 60%;
    }
}

@media (min-width: 375px) and (max-width: 474px) {
    .main-img {
        max-width: 100% !important;
        margin-top: 65rem;
    }
    .products-new-hero-wrapper {
        height: 104rem;
    }

    .product-users {
        margin-top: 1rem;

    }
    .most-popular-features-1 {
        height: 124rem;
    }
    video {
        position: relative;
    }
    .stealth-mode,.actvities,.screenshots-img,.apps-websites{
        max-width: 80%;
        width:80%;
        margin:auto;
        left: auto;
    }
    .time-and-attendence ,.real-monitoring,.productivity-tracking,.manual-screenshots {
        max-width: 80%;
        width:80%;
        margin:auto;
        left: auto;
      
    }
    .time-attendance-main-image,.time-attendance-main-image-1 {
        max-width: 60%;
    }
}

@media (min-width: 424px) and (max-width: 474px) {
    .content-section div div:nth-child(2) ul {
        display: grid;
        grid-template-columns: auto;
    }
    .main-img {
        max-width: 100% !important;
        margin-top: 67rem;
    }
    .products-new-hero-wrapper {
        height: 106.5rem !important;
    }
    .most-popular-features-1 {
        height: 125rem;
    }
    .product-users {
        margin-top: 0rem;
    }
    video {
        position: relative;
    }
    .stealth-mode,.actvities,.screenshots-img,.apps-websites{
        max-width: 80%;
        width:80%;
        margin:auto;
        left: auto;
    }
    .time-and-attendence ,.real-monitoring,.productivity-tracking,.manual-screenshots {
        max-width: 80%;
        width:80%;
        margin:auto;
        left: auto;
      
    }
    .time-attendance-main-image,.time-attendance-main-image-1 {
        max-width: 60%;
    }
}

@media (min-width: 475px) and (max-width: 700px) {
    .main-img {
        max-width: 100%;
        margin-top: 67rem;
    }

    .products-new-hero-wrapper {
        height: 108.25rem;
    }
    .content-section div div:nth-child(2) ul li {
        font-size: 1.45rem;
    }
    .product-users {
        margin-top: 3rem;
    }
    .most-popular-features-1{
        height: 135rem;
    }
    video {
        position: relative;
    }
    .stealth-mode,.actvities,.screenshots-img,.apps-websites{
        max-width: 80%;
        width:80%;
        margin:auto;
        left: auto;
    }
    .time-and-attendence ,.real-monitoring,.productivity-tracking,.manual-screenshots {
        max-width: 80%;
        width:80%;
        margin:auto;
        left: auto;
      
    }
    .time-attendance-main-image,.time-attendance-main-image-1 {
        max-width: 60%;
    }
}

@media (min-width: 701px) and (max-width: 900px) {
    .main-img {
        max-width: 100%;
    margin-top: -15.5rem;
    }
    .most-popular-features-1 {
        height: 136rem;
    }
    .product-users {
        margin-top: -1rem !important;
    }
    .content-section div div h1 {
        font-size: 2rem;
    }
    video {
        position: relative;
    }
    .stealth-mode,.actvities,.screenshots-img,.apps-websites{
        max-width: 55%;
        width:55%;
        margin:auto;
        left:auto;
    }
    .time-and-attendence ,.real-monitoring,.productivity-tracking,.manual-screenshots {
        max-width: 55%;
        width:55%;
        margin:auto;
        left:auto;
      
    }
    .time-attendance-main-image,.time-attendance-main-image-1 {
        max-width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 900px) {
    .products-new-hero-wrapper {
        height: 46rem;
    }
    .content-section div div:nth-child(2) ul li {
        font-size: 1rem;
    }
    video {
        position: relative;
    }
    .most-popular-features-1 {
        height: 149rem !important;
    }
}

@media (min-width: 900px) and (max-width: 1019px) {
.products-new-hero-wrapper {
    height: 50rem;
}
.main-img {
    max-width: 100%;
    margin-top: -14rem;
}
.product-users {
    margin-top: 0rem !important;
}
    .most-popular-features-1 {
        height: 163rem;

    }
    video {
        position: relative;
    }
    .stealth-mode,.actvities,.screenshots-img,.apps-websites{
        max-width: 55%;
        width:55%;
        margin:auto;
        left:auto;
    }
    .time-and-attendence ,.real-monitoring,.productivity-tracking,.manual-screenshots {
        max-width: 55%;
        width:55%;
        margin:auto;
        left:auto;
      
    }
    .time-attendance-main-image,.time-attendance-main-image-1 {
        max-width: 50%;
    }
}

@media (min-width: 1020px) and (max-width: 1200px) {
    .product-users {
        margin-top: 0rem;
    }
    .most-popular-features-1 {
        height: 52rem;
    }
    .main-img {
        max-width: 100%;
        margin-top: -9.5rem;
    }
    .stealth-mode,.actvities,.screenshots-img.hidden  ,.apps-websites{
        left: 5.5rem;
        max-width: 95%;
        width:85%
    }
    .time-and-attendence ,.real-monitoring,.productivity-tracking,.manual-screenshots {
        left:4.5rem;
        max-width: 95%;
        width:90%
      
    }
    .mpf-list {
        width: 45%;
        position: relative;
        left: 3rem;
    }
}

@media (min-width: 1201px) and (max-width: 1439px) {
    .main-img {
        max-width: 100%;
        margin-top: -9.5rem;
    }
    .product-users {
        margin-top: 0rem;
    }
    .products-new-hero-wrapper {
        height: 50rem;
    }
    .most-popular-features-1 {
        height: 55rem;
    }
    .stealth-mode,.actvities,.screenshots-img.hidden  ,.apps-websites{
        left: 2rem;
        max-width: 95%;
        width:95%
    }
    .mpf-container-1 {
        width: 90%;
    }
    .time-and-attendence ,.real-monitoring,.productivity-tracking,.manual-screenshots {
        left:6.5rem;
        max-width: 95%;
        width:95%
      
    }
    .mpf-list {
        position: relative;
        left: 3rem;
    }
}

@media (min-width: 1440px) and (max-width: 1919px){
    .main-img {
        max-width: 100%;
        margin-top: -11rem;
}
    .product-users {
        margin-top: 0rem;
    }
    .products-new-hero-wrapper {
        height: 59.5rem;
    }

    .most-popular-features-1 {
        height: 60rem;
        padding-top: 4rem;
        margin-top: 0rem;
    }
    .stealth-mode,.actvities,.screenshots-img.hidden  ,.apps-websites{
        left: 4.5rem;
        max-width: 80%;
    }
    
    .time-and-attendence ,.real-monitoring,.productivity-tracking,.manual-screenshots {
        left:4.5rem;
        max-width: 80%;
      
    }
    .mpf-list {
        margin-top: 6rem;
        width: 45%;
        position: relative;
        left: 3rem;
    }
    .time-attendance-main-image,.time-attendance-main-image-1 {
        max-width: 35%;
    }
}
@media (min-width: 1640px) and (max-width: 1919px){
.products-new-hero-wrapper {
    height: 70rem !important;
}
.screenshots-img.hidden{
    max-width: 80% !important;
}
.product-users {
    margin-top: 0rem !important;
}
}
@media screen and (min-width: 1920px) {
    .products-new-hero-wrapper {
        height: 72rem;
    }
   
.product-users {
    margin-top: 0rem !important;
    top: 0rem;
}
    .most-popular-features-1 {
        height: 95em;
    }
    .main-img {
        max-width: 100% !important;
        margin-top: -14rem;
    }
    .stealth-mode,.actvities,.screenshots-img.hidden  ,.apps-websites{
        left:1.25rem;
        max-width: 95%;
    }
    .time-and-attendence ,.real-monitoring,.productivity-tracking,.manual-screenshots {
        left:4rem;
        max-width: 95%;
      
    }
    .real-monitoring{
        width:90%;
    }
    .mpf-list-1 {
        position: relative;
        left: -1rem;
    }
    .time-attendance-main-image,.time-attendance-main-image-1 {
        max-width: 30%;
    }
    .single-main-item-container-ta {
        max-width: 1560px;
    }
}
@media screen and (min-width: 2200px){
.products-new-hero-wrapper {
    height: 75rem;
}
.product-users {
    margin-top: 0rem !important;
}
}
@media screen and (min-width: 2559px) {
    .products-new-hero-wrapper {
        height: 69rem;
    }
    .most-popular-features-1 {
        height: 90em;
        padding-top: 4rem;
    }
    .main-img {
        max-width: 69% !important;
        margin-top: -16rem;
        margin-left: 15%;
        margin-right: 15%;
    }
    .stealth-mode,.actvities,.screenshots-img.hidden  ,.apps-websites{
        left:1.25rem;
        max-width: 95%;
        width: 95%;
    }
    .time-and-attendence ,.real-monitoring,.productivity-tracking,.manual-screenshots {
        left:5rem;
        width: 85%;
    }
    .time-attendance-main-image, .time-attendance-main-image-1 {
        max-width: 20%;
    }
    .single-main-item-container-ta {
        max-width: 100%;
    }
}