.apps-websites {
    width: 60% ;
    top: 2rem !important;
}

.actvities {
    max-width: 80% !important;
}

.real-monitoring {
    max-width: 80% !important;
}

.time-and-attendence {
    height:auto !important;
    width: 60% ;
   
}


.productivity-tracking {
    width: 80% !important;
    left: 4rem !important;
}
.special-text{
    margin-bottom: 0rem;
}

@media (max-width:374px) {
    .faq-section{
        height: 704px !important;
    }
    .logo_New_brand {
        width: 70% !important;
    }
    .monitoring-img {
        margin-top: 0.5rem !important;
    }

    .products-new-hero-wrapper {
        height: 90rem !important;
    }

    .product-users {
        margin-top:50rem !important;
    }

    .most-popular-features-1 {
        margin-top: 2rem;
        height: 163rem !important;
    }

    .howitworks {
        height: 83rem !important;
    }

    .hwc-right {
        flex: 0 236px !important;
    }
}

@media (min-width:375px) and (max-width:474px) {
    .most-popular-features-1{
        height: 151rem !important;
    }
    .products-new-hero-wrapper {
        height: 103.5rem !important;
    }

    .monitoring-img {
        margin-top: 1rem !important;
    }

    .product-users {
        margin-top: 68rem !important;
    }

    .most-popular-features {
        padding-bottom: 3rem !important;
    }

    .most-popular-features-1 {
        margin-top: 4rem;
    }

    .hwc-right {
        flex: 0 236px !important;
    }

    .heading-190 {
        margin-top: 10rem !important;
    }
    .most-popular-features-1 {
        height: 152rem;
    }
}
@media (min-width: 424px) and (max-width: 474px){
.products-new-hero-wrapper {
    height: 104.75rem !important;
}
}
@media (min-width: 475px) and (max-width: 700px) {
    .most-popular-features-1{
        height: 143rem !important;
    }
    .products-new-hero-wrapper {
        height: 114.5rem !important;
    }

    .product-users {
        margin-top: 81rem !important;
    }

    .main-img {
        max-width: 70% !important;
    }
    .faq-section{
        height: 568px !important;
    }

    .monitoring-img {
        margin-top: 2rem !important;
    }

    .most-popular-features-1 {
        margin-top: 3rem;
    }

    .hwc-right {
        flex: 0 236px !important;
    }

    .heading-190 {
        margin-top: 10rem !important;
    }

    .wrapper.wrapper-em-new {
        max-width: 85% !important;
    }
    .most-popular-features-1 {
        height: 144em;
    }

}

@media (min-width: 701px) and (max-width: 900px) {
    .products-new-hero-wrapper {
        height: 47.5rem !important;
    }

    .screenshot-img,
    .activities-tracking-img,
    .empl-mon-img {
        width: 50% !important;
    }

    .heading-191 {
        text-align: center !important;
    }

    .paragraph-113 {
        text-align: center !important;
    }

    .hwc-right {
        flex: 0 200px !important;
    }

    .howitworks {
        height: 96rem !important;
    }

    .most-popular-features-1 {
        height: 173rem !important;
    }
    
.monitoring-img {
    margin-top: -1.5rem !important;
}
.main-img {
    max-width: 65% !important;
}
.water-mark{
    margin-top: 1.5rem;
}

}
@media (min-width: 768px) and (max-width: 900px){
.content-section .second-division .form-title {
    font-size: 1.25rem !important;
}
.products-new-hero-wrapper {
    height: 50rem !important;
}
.monitoring-img {
    margin-top: -1.875rem !important;
}
.product-users {
    margin-top: 10.5rem !important;
}
}

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

    .products-new-hero-wrapper {
        height: 48rem !important;
    }
    .content-section .second-division .form-title {
        margin-top: 2rem !important;
    }
    .monitoring-img {
        margin-top: -2.75rem !important;
    }
    .product-users {
        margin-top: 12rem !important;
    }
    .screenshot-img,
    .activities-tracking-img,
    .empl-mon-img {
        max-width: 40% !important;
    }

    .heading-190 {
        margin-bottom: 2rem !important;
    }

    .hwc-right {
        flex: 0 200px !important;
    }

    .howitworks {
        height: 98rem !important;
    }

}

@media (min-width: 900px) and (max-width: 1019px) {
    .heading-190 {
        margin-top: 11rem !important;
    }
    .most-popular-features-1 {
        height: 158rem;

    }
    .hwc-container {
        flex-direction: column-reverse;
    }
}

@media (min-width: 1020px) and (max-width: 1200px) {
    .products-new-hero-wrapper {
        height: 50rem !important;
    }
    .content-section .second-division .form-title {
        margin-top: 5rem;
    }

    .monitoring-img {
        margin-top: -4.5rem !important;
    }

    .product-users {
        margin-top: 26rem ;
    }

    .apps-websites {
        left: 8rem !important;
    }

    .actvities {
        left: 3rem !important;
    }

    .hwc-right {
        margin-top: 3rem !important;
    }
    .most-popular-features-1 {
        height: 63rem !important;
    }
    .hwc-left.left-2 {
        width: 50%;
    }

}

@media (min-width: 1201px) and (max-width: 1439px) {
    .apps-websites {
        left: 4rem !important;
        width: 80%;
    }

    .water-mark {
        margin-top: 2rem;
    }
    .content-section .second-division .form-title {
        margin-top: 1rem;
    }
    .product-users {
        margin-top: 28rem !important;
    }

    .products-new-hero-wrapper {
        height: 53rem !important;
    }
    .monitoring-img {
        margin-top:3rem !important;
    }
    .most-popular-features-1 {
        height: 66rem !important;
    }
}

@media (min-width: 1440px) {
    .most-popular-features-1 {
        
        height: 70rem;
    }
    .products-items-holder-v1 {
        margin-top: 2rem;
    }

    .content-section div div:nth-child(2) ul li {
        font-size: 1.35rem !important;
    }
    .products-new-hero-wrapper {
        height: 66rem !important;
    }
    .apps-websites {
        left: 3rem !important;
    }
    .heading-190 {
        margin-top: 10rem !important;
        margin-bottom: 5rem !important;
    }
    .content-section #content-container {
        margin-top: 3% !important;
    }
    .water-mark {
        margin-top: 3rem !important;
    }

    .monitoring-img {
        margin-top: -6.75rem !important;
    }
    .stealth-mode.hidden ,.manual-screenshots,
    .screenshots-img.hidden {
        max-width: 80%;
        height: auto;
    }
}

@media screen and (min-width: 1920px) {
    .products-new-hero-wrapper {
        height: 78rem !important;
    }
    .content-section #content-container {
        margin-top: 4% !important;
    }
    .content-section div div:nth-child(2) ul li {
        font-size: 1.85rem !important;

    }
    .content-section .separator {
        height: 38%;
    }
    .monitoring-img {
        margin-top: -9.5rem !important;
    }

    .hwc-container {
        align-items:flex-start
    }
    .most-popular-features-1 {
        height: 103rem;
    }
    .stealth-mode.hidden, .manual-screenshots, .screenshots-img.hidden {
        max-width: 100%;
        height: auto;
    }
    .real-monitoring {
        max-width: 100% !important;
    }
    .productivity-tracking, .real-monitoring, .time-and-attendence {
        width: 100%;
    }
    .manual-screenshots{
        width: 100%;   
    }
    .productivity-tracking {
        width: 90% !important;
    }
    .time-and-attendence {
        width: 80%;
    }
    .apps-websites {
        width: 75%;

    }
    .stealth-mode.hidden {
        width: 100%;
    }
}
@media screen and (min-width: 2200px){
.products-new-hero-wrapper {
    height: 82rem !important;
}
}
@media(min-width:2559px) {

    .products-items-holder-v1 {
        margin-top: 3.5rem;

    }

    .products-new-hero-wrapper {
        height: 79rem !important;
        padding-left: 20% !important;
        padding-right: 20% !important;
    }

    .content-section div div:nth-child(2) ul li {
        font-size: 1.7rem !important;

    }
    .monitoring-img {
        margin-top: -9rem !important;
    }

.most-popular-features-1 {

    height: 101rem;
}
.apps-websites {
margin-top: 9rem !important;
}

.actvities{
    max-width: 90% !important;
}
.time-and-attendence {
    width: 80% !important;
    max-width: 80% !important;
}
}