@media(max-width:374px){
    .logo_New_brand {
        width: 70% !important;
    }
    .products-new-hero-wrapper {
        height: 95rem !important;
    }
    .product-users {
        height: 100px;
        margin-top: 53rem !important;
        padding-top: 1.5rem;
    }
    .most-popular-features-1 {
        height: 160rem;
    }
    .howitworks {
        height: 92rem;
    }
}
@media (min-width: 375px) and (max-width: 474px){
.products-new-hero-wrapper {
    height: 108rem !important;
}
.monitoring-img {
    margin-top: -2rem;
}
.product-users {
    height: 100px;
    margin-top: 73rem !important;
    padding-top: 1.5rem;
}
.most-popular-features-1 {
    height: 155rem;
}
.hwc-right {
    flex: 0 267px;
}
.logo_New_brand {
    width: 70% !important;
} 
}
@media (min-width: 424px) and (max-width: 474px){
.products-new-hero-wrapper {
    height: 107.5rem !important;
}
.monitoring-img {
    margin-top: -2rem;
}
}
@media (min-width: 475px) and (max-width: 700px){
.products-new-hero-wrapper {
    height: 118rem !important;
}
.monitoring-img {
    margin-top: -2.5rem;
}
.main-img {
    max-width: 75%;
    margin: auto;
}
.product-users {
    margin-top: 84rem !important;
}
.empl-mon-img ,.screenshot-img, .activities-tracking-img{
    width: 17.5rem;
    height: auto;
    max-width: 100%;
}
.most-popular-features-1 {
    padding-top: 2.1875rem;
    padding-bottom: 6.25rem;
    height: 164rem;
    margin-top: 2rem;
}.most-popular-features-1 {
    height: 164rem;
}
}
@media (min-width: 701px) and (max-width: 900px){


.most-popular-features-1 {
    height: 192rem;
}
.wrapper.wrapper-how-it-works {
    padding: 5%;
}
.heading-191 {
    text-align: center;
}
.paragraph-113 {
    text-align: center;
}
.hwc-right {
    z-index: 30;
    flex: 0 230px;
}
.hwc-right.hwc-right-2 {
    flex-basis: 270px;
}
.howitworks {
    height: 105rem;
}
}
@media (min-width: 701px) and (max-width: 900px){
.most-popular-features-1 {
    height: 208rem;
}
.main-img {
    max-width: 75%;
}
.screenshot-img, .activities-tracking-img, .empl-mon-img {
    width: 45%;
}
.most-popular-features-1 {
    height: 155rem;
}
.heading-190 {
    margin-top: 8rem;
    margin-bottom: 1rem;
}
.howitworks {
    height: 94rem;
}
}
@media (min-width: 900px) and (max-width: 1019px){
.product-users {
    margin-top: 16rem !important;
}
.most-popular-features-1 {
    height: 192rem;
}
.most-popular-features-1 {
    height: 154rem;
}
.screenshot-img, .activities-tracking-img, .empl-mon-img {
    width: 40%;
}
.activities-tracking-img{
    width: 40%;
}
.heading-190 {
    margin-top: 14rem;
    margin-bottom: 3rem;
}
.howitworks {
    height: 100rem;
}
.hwc-container {
    flex-direction: column-reverse;
}
.hwc-right {
    flex: 0 205px
}
.hwc-right.hwc-right-2 {
    flex-basis: 223px;
}
}
@media (min-width: 1020px) and (max-width: 1200px){
    .product-users {
        margin-top: 29rem;
    }
    .most-popular-features-1 {
        height: 58rem !important;
    }

    .actvities {
        width: 85%;
        left: 2.625rem;
    }
    .time-and-attendence {
        width: 75%;
    }
    .apps-websites {
        width: 75%;
    }
    .screenshots-img {
        width: 75%;
    }
}
@media (min-width: 1201px) and (max-width: 1439px){
.product-users {
    margin-top: 35rem !important;
}
.most-popular-features-1 {
    height: 64rem !important;
}
.monitoring-img {
    top: -7.75rem;
}
.screenshots-img.hidden,
.apps-websites ,
.time-and-attendence {
    width: 75%;
}
.screenshots-img {
    left: 3.125rem;
}

.heading-190 {
    margin-top: 8rem;
    margin-bottom: 3rem;
}
.actvities {
    width: 90%;
}

}
@media (min-width: 1440px){
.heading-182 {
    margin-top: 3rem;
}
.products-new-hero-wrapper {
    height: 64.5rem ;
}

.apps-websites {
    width: 60%;
    left: 3.125rem;
}
.most-popular-features-1 {
    height: 67em !important;
}
.heading-190 {
    margin-top: 11rem;
    margin-bottom: 5rem;
}
.time-and-attendence {
    width: 65%;
}
.monitoring-img {
    margin-top: -7.5rem !important;
}
}
@media (min-width: 1640px) and (max-width: 1919px){
.product-users {
    margin-top: 44rem !important;
}
.products-new-hero-wrapper {
    height: 67.5rem !important;
}
}
@media(min-width:1920px){
    .products-new-hero-wrapper {
        height: 78.5rem !important; 
    }
    .monitoring-img {
        margin-top: -9.5rem !important;
    }
    .product-users {
        margin-top: 47rem !important;
    }
    .apps-websites {
        width: 85% !important;
    }
    .screenshots-img.hidden {
        max-width: 85% !important;
        left: 3.125rem !important;
    }
    .time-and-attendence {
        width: 85% !important;
    }
    .most-popular-features-1 {
        height: 102em !important;
    }
    .main-img {
        max-width: 75% !important;
    }
}
@media (min-width: 2560px){
.products-new-hero-wrapper {
    height: 70rem !important;
}

.time-and-attendence {
    width: 75% !important;
}
.product-users {
    margin-top: 53rem !important;
}
}