@media screen and (min-width: 768px) and (max-width: 1023px){ 
    .header .menu{
        display: none;
    }
    #features-carousel .inner-box .inner-box-icon{
        width: 27%;
    }
    #key-clients-carousel .owl-nav .owl-prev{
        left: 5px;
    }
    .four-box .inner-box{
        width: 48%;
    }

    .investor-banner-text{
        top: 36%;
    }

    .investor-updates-blk .investor-updates-left,
    .investor-updates-blk .investor-updates-right{
        width: 45%;
    }

    .investor-updates-blk .investor-updates-right .image{
        width: 40%;
    }
}

@media screen and (max-width: 767px){
    .header .menu{
        display: none;
    }
    #features-carousel .inner-box .inner-box-icon{
        width: 20%;
    }
    #key-clients-carousel .owl-nav .owl-prev{
        left: 5px;
    }
    .four-box .inner-box{
        width: 48%;
    }
    .blog-post-wrapper .blog-post-left, 
    .blog-post-wrapper .blog-post-right,
    .blog-details-content-left,
    .blog-details-content-right,
    .blogs .blogs-blk,
    .trusted-by-blks .trusted-by-blk{
        width: 100%;
    }
    .blog-post-details-wrapper .blog-post{
        padding: 60px 20px 10px;
    }
    .blog-details-content{
        margin-top: 20px;
    }
    .blogs .blogs-blk .image{
        height: inherit;
    }
    .blog-post-details-wrapper{
        padding: 60px 0 10px;
    }

    .blog-posts-wrapper.white-bg{
        padding-bottom: 40px;
    }
    .key-clients-wrapper{
        padding: 40px 0 !important;
        margin-bottom: 0;
    }

    .trusted-by,
    .onboarding-wrapper{
        padding: 40px 0;
    }

    .trusted-by-blks .trusted-by-blk .image,
    .trusted-by-blks .trusted-by-blk .image img{
        height: 50px;
    }
    .trusted-by .head{
        padding-bottom: 25px;
        margin-top: 0;
    }

    .onboarding-boxs {
        padding-top: 30px;
        flex-wrap: wrap;
    }

    .onboarding-box{
        width: 100%;
        margin-top: 40px;
    }

    .onboarding-box .onboarding-box-para{
        min-height: inherit;
        margin-bottom: 20px;
    }

    .blog-details-content-left .title,
    .blog-details-content-left .image{
        margin-top: 20px;
    }

    .blog-details-content-left .share ul{
        margin-top: 0;
    }

    .blog-details-content-right .categories-blk{
        margin-bottom: 20px;
    }

    .blog-details-content-right .recently-added .head{
        margin: 35px 0;
    }

    .blog-details-content-right .recently-added-blks .recently-added-blk{
        padding: 25px 0 10px;
    }

    .blog-posts-wrapper .outer-title,
    .key-clients .title{
        padding-bottom: 20px;
    }

    .key-clients .title{
        margin-top: 0;
    }
    .blog-banner-wrapper .blog-head{
        padding: 105px 0 80px;
    }

    .recently-topics .recently-added,
    .recently-topics .trending-topics{
        width: 100%;
    }

    .blog-post-wrapper .blog-post{
        padding: 40px;
    }

    .recently-topics{
        margin-top: 20px;
    }

    .blog-post-wrapper{
        padding-bottom: 20px;
    }

    .blog-posts-wrapper{
        padding: 40px 0;
    }

    .onboarding .title{
        margin-top: 0;
    }

    .investor-banner-text{
        top: 23%;
    }

    .investor-updates-blk .investor-updates-left,
    .investor-updates-blk .investor-updates-right{
        width: 45%;
    }

    .investor-updates-blk .investor-updates-right .image{
        width: 40%;
    }

    .investor-news .news .news-blk,
    .contact-us-blk .contact-details{
        width: 100%;
    }
}  

@media screen and (max-width: 600px){
    .header .menu{
        display: none;
    }
    #features-carousel .inner-box .inner-box-icon{
        width: 22%;
    }
    #key-clients-carousel .owl-nav .owl-prev{
        left: 5px;
    }
    .four-box .inner-box{
        width: 100%;
        margin-bottom: 20px;
    }
    .solution-blk{
        flex-wrap: wrap;
    }
    .solution-left, .solution-right{
        width: 100%;
        margin-bottom: 30px;
    }
    .solution-right{
        margin-bottom: 0;
    }
    .solution-wrapper,
    .three-blk-wrapper,
    .services-wrapper,
    .challenges-wrapper,
    .features-wrapper,
    .onboarding-wrapper{
        padding: 30px 0;
    }

    .three-blk-wrapper .main-head{
        width: 100%;
    }
    .three-box .inner-box{
        width: 100%;
    }
    .three-box{
        margin-top: 30px;
    }
    .three-blk-wrapper .main-head{
        font-size: 26px;
        line-height: 30px;
        padding-bottom: 30px;
    }

    .why-hero-box img{
        object-fit: cover;
        height: 355px;
    }

    .services .service-image{
        margin:30px 0;
    }

    .four-box{
        margin-top: 30px;
    }

    .four-box .inner-box .inner-box-icon{
        width: 19%;
    }

    #features-carousel .owl-nav .owl-next{
        right: -35px;
    }

    #features-carousel .owl-nav .owl-prev{
        left: 5px;
    }

    #key-clients-carousel .owl-nav .owl-next{
        right: 0;
    }

    .key-clients-wrapper{
        padding: 30px 0 0 0;
    }

    .testimonial{
        padding: 30px 20px;
        bottom: -30px;
    }

    .testimonial-box{
        flex-wrap: wrap;
    }

    .testimonial-left,
    .testimonial-box .testimonial-right,
    .onboarding-box{
        width: 100%;
    }

    .testimonial-box .testimonial-left .testimonial-icon{
        max-width: 150px;
        width: 150px;
        margin: 0 auto 20px;
    }

    .testimonial-right .testimonial-img{
        max-width: 150px;
        width: 150px;
        margin: 0 auto 10px;
    }

    .testimonial .small-head{
        text-align: center;
    }

    .onboarding-boxs{
        padding-top: 30px;
        flex-wrap: wrap;
    }

    .resources-wrapper{
        padding: 100px 0 30px;
    }

    .header .logo{
        width: 100px;
    }

    .header{
        height: 60px;
    }

    .solution-left .head{
        font-size: 25px;
        line-height: 30px;
    }

    .solution-right .head{
        font-size: 22px;
        line-height: 25px;
    }

    .three-box .inner-box{
        padding: 25px;
    }

    .why-hero-box .why-hero-box-content,
    .challenges .main-head{
        font-size: 26px;
        line-height: 31px;
    }

    .four-box .inner-box{
        padding: 60px 25px 40px 25px;
    }

    .services .service-text, 
    .services .service-list{
        font-size: 18px;
        line-height: 22px;
    }

    #features-carousel,
    #resources-carousel{
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    .resources .title{
        padding-bottom: 20px;
    }

    .onboarding-box{
        margin-bottom: 30px;
    }

    .onboarding-box:last-child{
        margin-bottom: 0;
    }

    .testimonial-box .testimonial-left .testimonial-para{
        text-align: center;
    }

    .why-hero-box .why-hero-box-content .sub-title{
        max-width: 400px;
    }

    .blog-details-content-right .recently-added .head,
    .blog-posts-wrapper .outer-title,
    .blog-details-content-right .recently-added .head, 
    .blog-details-content-right .trending-topics .head,
    .blog-details-content-right .categories-blk .head,
    .blog-details-content-left .title,
    .key-clients .title,
    .onboarding .title,
    .trusted-by .head,
    .features .title,
    .resources .title,
    .blog-banner-wrapper .blog-head,
    .recently-topics .recently-added .head, 
    .recently-topics .trending-topics .head,
    .blog-post-right .blog-head{
        font-size: 26px;
        line-height: 31px;
    }

    .blog-details-content-left .share ul li{
        margin-right: 15px;
    }

    .blog-details-content-left .share ul li img{
        width: 32px;
    }

    .blog-post-details-wrapper .blog-head{
        font-size: 32px;
        line-height: 36px;
    }

    .blog-post-right .blog-author{
        row-gap: 5px;
    }

    .blog-post-right .blog-author,
    .blog-post-right .blog-author div,
    .features .title,
    .challenges .main-head,
    .resources .title,
    .onboarding .title{
        width: 95%;
    }

    .resources-wrapper{
        padding-top: 30px;
    }

    .blog-banner-wrapper .blog-head{
        padding: 105px 0 80px;
    }

    .recently-topics .recently-added,
    .recently-topics .trending-topics{
        width: 100%;
    }

    .blog-post-wrapper .blog-post{
        padding: 40px;
    }

    .recently-topics{
        margin-top: 20px;
    }

    .blog-post-wrapper{
        padding-bottom: 20px;
    }

    .blog-posts-wrapper{
        padding: 40px 0;
    }

    .onboarding .title{
        margin-top: 0;
    }

    .recently-added-blks .recently-added-blk{
        width: 100%;
    }

    .investor-banner-text{
        top: 18%;
        left: 50%;
        width: 80%;
    }

    .investor-updates-blk .investor-updates-right .image{
        width: 40%;
    }

    .investor-news .news .news-blk,
    .contact-us-blk .contact-details,
    .investor-updates-blk .investor-updates-left,
    .investor-updates-blk .investor-updates-right,
    .news-carousel .inner-box .inner-box-left, 
    .news-carousel .inner-box .inner-box-right,
    .get-in-touch .form .form-fields{
        width: 100%;
    }

    .investor-updates-blk .investor-updates-right .image{
        width: 25%;
    }

    .get-in-touch-wrapper,
    .contact-us-wrapper,
    .investor-news-wrapper,
    .investor-updates-wrapper,
    .founded-wrapper{
        padding: 30px 0;
    }

    .get-in-touch .form{
        margin-top: 0;
    }

    .contact-us-blk,
    .investor-news .news,
    .news-carousel,
    .investor-updates-blk{
        margin-top: 30px;
    }

    .get-in-touch .main-head,
    .contact-us-wrapper .main-head,
    .investor-updates .main-head, 
    .investor-news .main-head,
    .investor-banner-text{
        font-size: 26px;
        line-height: 31px;
    }
}