@media (max-width: 374px) {
    .products-new-hero-wrapper {
        height: 85.5rem;
    }
    .main-img {
        max-width: 100% !important;
        position: relative;
        top:40rem;
    }
    .product-users {
        margin-top: 41rem;
    }

    .content-section div div:nth-child(2) ul {
        display: grid;
        grid-template-columns: auto;
    }

    .most-popular-features-1 {
        height: 139rem;
    }
    .screenshot-img{
        width:70%;
    }
    .empl-mon-img {
        width: 72%;
    }
    .activities-tracking-img {
        width: 70%;
}
.time-attendance-main-image,.time-attendance-main-image-1 {
    max-width: 55%;
}
}

@media (min-width: 375px) and (max-width: 474px) {
    .content-section div div:nth-child(2) ul {
        display: grid;
        grid-template-columns: auto;
    }
    .main-img {
        max-width: 100% !important;
        position: relative;
        top: 60rem;
    }
    .products-new-hero-wrapper {
        height: 100.5rem;
    }
    .screenshot-img {
        width:55%;
    }
    .activities-tracking-img {
        width:55%;
    }

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

    }
    .most-popular-features-1 {
        height: 118rem;
    }
    .empl-mon-img{
        width:65%;
    }
    .time-attendance-main-image,.time-attendance-main-image-1 {
        max-width: 55%;
    }
}

@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: -6rem;
    }
    .screenshot-img {
        width:55%;
    }
    .activities-tracking-img {
        width:50%;
    }
    .products-new-hero-wrapper {
        height: 96.75rem !important;
    }
    .most-popular-features-1 {
        height: 114rem;
    }
    .product-users {
        margin-top: 62rem;
    }
    .empl-mon-img {
        width: 62%;
    }
    .time-attendance-main-image,.time-attendance-main-image-1 {
        max-width: 55%;
    }
}

@media (min-width: 475px) and (max-width: 700px) {
    .main-img {
        max-width: 100%;
        margin-top: 65rem;
    }
    .screenshot-img, .activities-tracking-img, .empl-mon-img {
margin-top: 2rem;
    }
    .screenshot-img {
        width:55%;
    }
    .activities-tracking-img {
        width:55%;
    }
    .content-section div div:nth-child(2) ul {
        display: grid;
        grid-template-columns: auto;
    }

    .products-new-hero-wrapper {
        height: 106.25rem;
    }

    .product-users {
        margin-top: 3rem;
    }
    .most-popular-features-1{
        height: 131rem;
    }
    .empl-mon-img {
        width: 62%;
    }
    .time-attendance-main-image,.time-attendance-main-image-1 {
        max-width: 55%;
    }
}

@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:nth-child(2) ul li {
        line-height: 1rem;
        margin-bottom: 1.25rem;
        font-size: 0.875rem;
        background-size: 1.125rem;
        padding-left: 1.25rem;
}

.activities-tracking-img{
    width: 60%; 
}
.screenshot-img, .activities-tracking-img{
    width: 50%; 
}
.empl-mon-img {
    width: 62%;
}
.time-attendance-main-image,.time-attendance-main-image-1 {
    max-width: 55%;
}
}

@media (min-width: 768px) and (max-width: 900px) {
    .content-section .second-division .form-title {
        margin-top: 1rem !important;
    }

    .products-new-hero-wrapper {
        height: 46rem;
    }
    .screenshot-img{
        width: 50%; 
    }
   .activities-tracking-img{
        width: 45%;
    }
    .most-popular-features-1 {
        height: 135rem;
    }
    .empl-mon-img{
        width: 55%;
    }
}

@media (min-width: 900px) and (max-width: 1019px) {

.products-new-hero-wrapper {
    height: 48.5rem;
}
.main-img {
    max-width: 100%;
    margin-top: -14rem;
}
.product-users {
    margin-top: 0rem !important;
}
    .content-section .second-division .form-title {
        margin-top: 3rem;
    }

    .most-popular-features-1 {
        height: 141rem;

    }
 
    .screenshot-img, .activities-tracking-img, .empl-mon-img{
        width:45%;
    }
    .empl-mon-img {
        width: 55%;
    }
    .time-attendance-main-image,.time-attendance-main-image-1 {
        max-width: 55%;
    }
}

@media (min-width: 1020px) and (max-width: 1200px) {
 
    .product-users {
        margin-top: -1rem;
    }
    .most-popular-features-1 {
        height: 52rem;
    }
    .content-section div div:nth-child(2) ul li {
        line-height: 2.5rem;
        font-size: 0.95rem;
        background-size: 1.125rem;
        padding-left: 1.25rem;
    }
    .main-img {
        max-width: 100%;
        margin-top: -9rem;
    }
    .apps-websites {
        left: 3rem;
        width:90%
    }
    .stealth-mode {
        width: 100% !important;
        left: 2rem;
    }
    .manual-screenshots,.productivity-tracking,.real-monitoring,.time-and-attendence {
        left: 4.5rem;
    }
    .screenshots-img {
        width: 85%;
    }
    .productivity-tracking {
        width: 90%;
        left: 4rem;
    }
    .time-and-attendence{
        width: 85%;
    }
}

@media (min-width: 1201px) and (max-width: 1439px) {
    .main-img {
        max-width: 100%;
        margin-top: -9.5rem;
    }
    .product-users {
        margin-top: 0rem;
    }
    .content-section .second-division .form-title {
        margin-top: 1.5rem;
    }
    .products-new-hero-wrapper {
        height: 50rem;
    }
    .most-popular-features-1 {
        height: 61rem;
    }
    .actvities {
        width: 90%;
    }
    .stealth-mode.hidden {
        width: 115%;
        max-width: 115%;
        left: -2rem;
    }
    .manual-screenshots {
        width: 85%;
        left: 6rem;
    }
    .productivity-tracking {
        width: 90%;
        left: 6rem;
    }
    .real-monitoring {
        width: 110%;
        left: 4rem;
    }
    .time-and-attendence {
        width: 90%;
        left: 5rem;
    }
}

@media (min-width: 1440px) {
    .main-img {
        max-width: 100%;
        margin-top: -11rem;
}
    .product-users {
        margin-top: 0rem;
    }
    .content-section .second-division .form-title {
        margin-top: 0rem;
    }
    .content-section div div:nth-child(2) ul li {

        font-size: 1.25rem;
    }
    .products-new-hero-wrapper {
        height: 59.5rem;
    }

    .most-popular-features-1 {
        height: 66em;
        padding-top: 4rem;
        margin-top: 0rem;
    }
    .screenshots-img.hidden{
        max-width: 80% !important;
    }
    .productivity-tracking {
        width: 72%;
    }
    .apps-websites {
        width: 95%;
        left: 1rem;
    }
    .actvities {
        max-width: 75%;
        left: 4.625rem;
    }
    .stealth-mode.hidden {
        width: 95%;
    }
.real-monitoring {
        width: 85%;
        left: 5rem;
    }
   .time-and-attendence {
        width: 75%;
}
}
@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;
    }
    .content-section div div:nth-child(2) ul li {
        font-size: 1.75rem;
    }
    .main-img {
        max-width: 100% !important;
        margin-top: -14rem;
    }
    .screenshots-img.hidden {
        left: -2rem;
    }
    .screenshots-img.hidden {
        max-width: 95% !important;
    }
    .stealth-mode.hidden {
        width: 125%;
        max-width: 125%;
        left:-5rem;
    }
    .manual-screenshots {
        left: 5rem;
    }
    .productivity-tracking {
        width: 80%;
    }
    .real-monitoring {
        width: 95%;
        left: 3rem;
    }
    .time-and-attendence {
        width: 85%;
        left: 5.125rem;
    }
    .actvities {
        max-width: 85%;
        left: 4.625rem;
    }
}
@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;
    }
    .content-section div div:nth-child(2) ul li {
        font-size: 1.6rem;
    }

    .most-popular-features-1 {
        height: 90em;
        padding-top: 4rem;
    }
    .time-and-attendence {
        width: 80%;
        left: 5rem;
    }
    .main-img {
        max-width: 60% !important;
        margin-top: -8rem;
        margin-left: 20%;
        margin-right: 20%;
    }
    .stealth-mode.hidden {
        width: 110%;
        max-width: 110%;
        left:0;
    }
}