@media screen and (min-width: 1024px) and (max-width: 1257px){ 
    .our-products-wrapper .our-products .product-blk,
    .you-might-like-wrapper .you-might-like-blk{
        width: 42%;
    }
}

@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%;
    }

    .banner-wrapper span,
    .tabs-wrapper .outer-tabs,
    .news-wrapper .news-head,
    .stay-ready-blk .title,
    .contact-us-wrapper .contact-us-head,
    .subscribe-mailers-left .subscribe-mailers-title{
        font-size: 32px;
        line-height: 42px;
    }

    .news-wrapper .news .news-blk .image .news-icon{
        width: 35px;
    }

    .contact-us-wrapper .contact-us-title{
        font-size: 25px;
    }

    .news-wrapper .news .news-blk .news-content .title,
    .news-wrapper .news-view-all a,
    .news-wrapper .news .news-blk .news-content .more-link, 
    .news-wrapper .news .news-blk .news-content .more-link a{
        font-size: 18px;
    }

    .contact-us-wrapper .contact-us-content{
        font-size: 17px;
        line-height: 24px;
    }

    .subscribe-mailers-right .form-fields input{
        padding: 15px 25px;
    }

    .subscribe-mailers-right{
        row-gap: 20px;
    }

    .stay-ready-blk .sub-title{
        font-size: 20px;
    }

    .about-wrapper .about-left{
        width: 60%;
    }

    .about-wrapper .about-right {
        width: 38%;
    }

    .our-products-wrapper .our-products .product-blk,
    .you-might-like-wrapper .you-might-like-blk{
        width: 42%;
    }

    .world-wide-offices-wrapper .offices-blk{
        width: 45%;
    }
}

@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;
    }

    .banner-wrapper span,
    .tabs-wrapper .outer-tabs,
    .news-wrapper .news-head,
    .stay-ready-blk .title,
    .contact-us-wrapper .contact-us-head,
    .subscribe-mailers-left .subscribe-mailers-title{
        font-size: 32px;
        line-height: 38px;
    }

    .news-wrapper .news .news-blk .image .news-icon{
        width: 35px;
    }

    .contact-us-wrapper .contact-us-title{
        font-size: 25px;
    }

    .news-wrapper .news .news-blk .news-content .title,
    .news-wrapper .news-view-all a,
    .news-wrapper .news .news-blk .news-content .more-link, 
    .news-wrapper .news .news-blk .news-content .more-link a{
        font-size: 18px;
    }

    .contact-us-wrapper .contact-us-content{
        font-size: 17px;
        line-height: 24px;
    }

    .subscribe-mailers-right .form-fields input{
        padding: 15px 25px;
    }

    .subscribe-mailers-right{
        row-gap: 20px;
    }

    .stay-ready-blk .sub-title{
        font-size: 20px;
    }

    .news-wrapper .news .news-blk{
        width: 100%;
    }

    .news-wrapper .news .news-blk .image img{
        width: 100%;
    }

    .contact-us-wrapper .contact-us .contact-us-left, 
    .contact-us-wrapper .contact-us .contact-us-right{
        width: 100%;
    }

    .news-wrapper .news-head{
        margin-bottom: 20px;
        padding-top: 20px;
    }

    .tabs-wrapper,
    .news-wrapper{
        padding: 20px 0;
    }

    .news-wrapper .news-view-all{
        margin-top: 20px;
        margin-bottom: 0;
    }

    .news-wrapper .news-view-all a{
        margin-bottom: 0;
    }

    .stay-ready-blk{
        width: 90%;
    }

    .stay-ready-wrapper .stay-ready-img{
        min-height: 310px;
    }

    .contact-us-wrapper .contact-us .contact-us-right{
        padding-top: 20px;
        padding-left: 0;
        border-left: 0 none;
        border-top: 5px solid rgba(101, 191, 146, 0.32);
        margin-top: 20px;
    }

    .contact-us-wrapper .contact-us-head{
        margin-bottom: 20px;
    }

    .contact-us-wrapper{
        margin: 20px 0 0;
    }

    .subscribe-mailers-wrapper{
        margin-top: 0;
    }

    .subscribe-mailers-wrapper{
        padding: 20px 0;
    }

    .subscribe-mailers-left,
    .subscribe-mailers-right{
        width: 100%;
    }

    .subscribe-mailers-left .subscribe-mailers-title{
        margin-bottom: 20px;
    }

    .subscribe-mailers-right .form-fields input{
        padding: 10px 15px;
        font-size: 14px;
        line-height: 21px;
    }

    .subscribe-mailers-right{
        row-gap: 20px;
    }

    .tabs-wrapper .inner-tabs{
        margin-top: 20px;
    }

    .tabs-wrapper .inner-content{
        padding-top: 40px;
    }

    .tabs-wrapper .pdf-section,
    .pdf-section .pdf-report{
        width: 100%;
    }

    .tabs-wrapper .inner-content{
        font-size: 18px;
        line-height: 20px;
    }

    .inner-content .product-blk .product{
        width: 100%;
        min-height: inherit;
        margin: 0;
    }

    .inner-content .product-blk{
        row-gap: 20px;
    }

    .inner-content .product-blk .product .product-content,
    .inner-content .product-blk .product .image{
        text-align: center;
        width: 100%;
    }

    .inner-content .product-blk .product .image{
        width: 80px;
        margin: 0 auto 20px;
    }

    .about-wrapper .about-left,
    .about-wrapper .about-right,
    .our-approach .our-approach-blk .approach,
    .key-takeaways-blk .key-takeaways .takeaways,
    .get-in-touch-wrapper .get-in-touch .get-in-touch-left, 
    .get-in-touch-wrapper .get-in-touch .get-in-touch-right{
        width: 100%;
    }

    .about-wrapper .about-left,
    .our-approach-wrapper,
    .get-in-touch-wrapper{
        padding: 20px 0;
    }

    .breadcrumbs{
        font-size: 11px;
    }

    .about-section,
    .our-approach .our-approach-blk,
    .key-takeaways-blk .key-takeaways,
    .get-in-touch-wrapper .get-in-touch{
        row-gap: 20px;
    }

    .our-approach{
        padding: 20px;
        margin: 0 20px;
    }

    .our-approach .title{
        margin-bottom: 30px;
    }

    .our-approach .our-approach-blk .approach{
        text-align: center;
    }

    .key-takeaways-blk{
        margin-top: 20px;
    }

    .key-takeaways-blk .normal-text{
        margin-bottom: 20px;
    }

    .get-in-touch-wrapper .get-in-touch .get-in-touch-right{
        border-left: 0 none;
        border-top: 3px solid rgba(208, 230, 207, 0.33);
    }

    .get-in-touch-wrapper .get-in-touch .get-in-touch-left, 
    .get-in-touch-wrapper .get-in-touch .get-in-touch-right{
        padding: 20px;
    }

    .banner-img{
        min-height: 300px;
    }

    .our-products-wrapper .our-products .product-blk{
        width: 42%;
    }

    .banner-404-left, 
    .banner-404-right{
        width: 100%;
        text-align: center;
    }

    .banner-404-left .title,
    .banner-404-left .content{
        margin: 0 auto;
        width: 70%;
    }

    .banner-404-left .title{
        margin-bottom: 20px;
    }

    .banner-404,
    .our-products-wrapper .our-products{
        row-gap: 20px;
    }

    .our-products-wrapper{
        padding: 40px 0;
    }

    .our-products-wrapper .title{
        margin-bottom: 40px;
    }

    .our-products-wrapper .our-products .product-blk{
        width: 100%;
    }

    .our-products .product-blk .sub-title{
        min-height: inherit;
    }

    .our-products .product-blk .image img{
        width: 80%;
        margin: 0 auto;
    }

    .our-products-wrapper .our-products .product-blk,
    .you-might-like-wrapper .you-might-like-blk{
        width: 43%;
    }

    .world-wide-offices-wrapper .offices-blk{
        width: 45%;
    }

    .you-might-like-wrapper .you-might-like{
        row-gap: 20px;
    }

    .you-might-like-wrapper .you-might-like-blk{
        margin: 0 15px;
    }

    .you-might-like-wrapper,
    .world-wide-offices-wrapper{
        padding: 40px 0;
    }

    .thank-you-left, 
    .thank-you-right{
        width: 100%;
        text-align: center;
    }

    .thank-you-wrapper{
        padding-bottom: 40px;
    }

    .data-driven .data-driven-left, 
    .data-driven .data-driven-right{
        width: 100%;
    }

    .data-driven .data-driven-right{
        margin-top: 30px;
    }
}  

@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%;
    }

    .subscribe-mailers-right .form-fields{
        width: 100%;
    }

    .about-wrapper .about-left,
    .about-wrapper .about-right,
    .our-approach .our-approach-blk .approach,
    .key-takeaways-blk .key-takeaways .takeaways,
    .get-in-touch-wrapper .get-in-touch .get-in-touch-left, 
    .get-in-touch-wrapper .get-in-touch .get-in-touch-right{
        width: 100%;
    }

    .about-wrapper .about-left,
    .our-approach-wrapper,
    .get-in-touch-wrapper{
        padding: 20px 0;
    }

    .breadcrumbs{
        font-size: 11px;
    }

    .about-section,
    .our-approach .our-approach-blk,
    .key-takeaways-blk .key-takeaways,
    .get-in-touch-wrapper .get-in-touch{
        row-gap: 20px;
    }

    .our-approach{
        padding: 20px;
        margin: 0 20px;
    }

    .our-approach .title{
        margin-bottom: 30px;
    }

    .our-approach .our-approach-blk .approach{
        text-align: center;
    }

    .key-takeaways-blk{
        margin-top: 20px;
    }

    .key-takeaways-blk .normal-text{
        margin-bottom: 20px;
    }

    .get-in-touch-wrapper .get-in-touch .get-in-touch-right{
        border-left: 0 none;
        border-top: 3px solid rgba(208, 230, 207, 0.33);
    }

    .get-in-touch-wrapper .get-in-touch .get-in-touch-left, 
    .get-in-touch-wrapper .get-in-touch .get-in-touch-right{
        padding: 20px;
    }

    .banner-img{
        min-height: 300px;
    }

    .you-might-like-wrapper .you-might-like-blk,
    .world-wide-offices-wrapper .offices-blk{
        width: 100%;
    }

    .you-might-like-wrapper .you-might-like-blk .image img{
        width: 100%;
    }

    .you-might-like-wrapper .you-might-like-blk .content .sub-title,
    .world-wide-offices-wrapper .offices-blk{
        min-height: inherit;
    }

    .recently-added-blks .recently-added-blk{
        width: 100%;
    }

    .data-driven .form .form-fields{
        width: 100%;
    }

    .data-driven .title{
        font-size: 25px;
        line-height: 30px;
    }

    .data-driven-wrapper .form-fields.mt-20{
        margin-top: 30px;
    }
    
    .data-driven .form{
        row-gap: 30px;
    }
}             