@media (min-width: 1200px) and (max-width: 1399.98px) {
    .ji-hero .ji-hero-image img {
        max-width: 100%;
    }
    .ji-hero .ji-hero-title {
        font-size: 190px;
        line-height: 190px;
    }
    .ji-hero .ji-hero-sub-title {
        font-size: 50px;
        line-height: 50px;
    }
    .ji-hero .ji-hero-description {
        font-size: 30px;
        line-height: 30px;
    }
    .ji-scroll-down span {
        font-size: 37px;
        line-height: 37px;
    }
    .ji-about .context p {
        font-size: 30px;
        line-height: 30px;
    }
    .revenue h1 {
        font-size: 100px;
        line-height: 100px;
    }
    .revenue p {
        font-size: 26px;
        line-height: 26px;
    }
    .detail-item .detail-box p {
        font-size: 30px;
        line-height: 30px;
    }
    .testimonial-slide-item .testimonial-text p {
        font-size: 30px;
        line-height: 30px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .typed-cursor {
        font-size: 160px;
    }
    .ji-hero .ji-hero-content {
        padding: 200px 0 0 0;
    }
    .ji-hero .ji-hero-title {
        font-size: 190px;
        line-height: 190px;
    }
    .ji-hero .ji-hero-sub-title {
        font-size: 46px;
        line-height: 50px;
    }
    .ji-hero .ji-hero-description {
        font-size: 30px;
        line-height: 30px;
    }
    .ji-scroll-down span {
        font-size: 37px;
        line-height: 37px;
    }
    .ji-hero .ji-hero-image img {
        max-width: 100%;
    }
    .ji-about .context p {
        font-size: 27px;
        line-height: 30px;
    }
    .detail-item .detail-box p {
        font-size: 27px;
        line-height: 30px;
    }
    .revenue h1 {
        font-size: 90px;
        line-height: 90px;
    }
    .revenue p {
        font-size: 27px;
        line-height: 30px;
    }
    .ji-about::before {
        left: 10%;
        bottom: 30%;
    }
    .testimonial-slide-item .testimonial-text p {
        font-size: 27px;
        line-height: 30px;
    }
    .ji-footer .copy-right p {
        font-size: 30px;
        line-height: 35px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.ji-about .context {
		gap: 250px;
	}
	.revenue {
		margin: 0;
	}
    /* header style start */
    .site-header .navbar {
        height: unset;
    }
    /* header style End */
    .ji-hero {
        height: 1000px;
    }
    .typed-cursor {
        font-size: 160px;
    }
    .ji-hero .ji-hero-title {
        font-size: 160px;
        line-height: 160px;
    }
    .ji-hero .ji-hero-sub-title {
        font-size: 50px;
        line-height: 50px;
    }
    .ji-hero .ji-hero-description {
        font-size: 36px;
        line-height: 36px;
    }
    .ji-scroll-down span {
        font-size: 30px;
        line-height: 30px;
    }
    .ji-hero .ji-hero-image img {
        max-width: 100%;
    }
    .ji-hero .ji-hero-content {
        padding: 0;
    }
    .detail-item {
        margin-top: 40px;
    }
    .ji-about .context p {
        font-size: 27px;
        line-height: 30px;
    }
    .revenue h1 {
        font-size: 100px;
        line-height: 100px;
    }
    .revenue p {
        font-size: 30px;
        line-height: 34px;
    }
    .detail-item .detail-box p {
        font-size: 30px;
        line-height: 34px;
    }
    .ji-about::before {
        bottom: 60%;
        left: 30%;
    }
    .testimonial-slide-item .testimonial-text p {
        font-size: 30px;
        line-height: 33px;
    }
    .footer-logo {
        width: 130px;
        height: auto;
    }
    .footer-context {
        gap: 20px;
    }
    .social-icons li {
        width: 50px;
        height: 50px;
    }
    .social-icons li a i {
        font-size: 20px;
    }
    .ji-footer .copy-right p {
        font-size: 27px;
        line-height: 33px;
    }
    .ji-cta .context .main-title {
        max-width: 100%;
    }
    .ji-about {
        padding: 50px 0;
    }
    .ji-companies {
        padding: 50px 0;
    }
    .ji-companies .bg-image {
        margin: 0 30px;
    }
    .ji-companies .bg-image {
        height: 500px;
    }
    .ji-testimonials {
        padding: 50px 0;
    }
    .ji-testimonials-swiper {
        padding-top: 50px !important;
    }
    .ji-cta {
        height: 500px;
    }
	.timeline-main-title {
		width: 90%;
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.ji-about .context {
		gap: 100px;
	}
	.timeline-main-title {
		width: 90%;
	}
    /* header style start */
    .site-header .navbar {
        height: unset;
    }
    /* header style End */
    .ji-hero {
        height: 750px;
    }
    .typed-cursor {
        font-size: 140px;
    }
    .ji-hero .ji-hero-content {
        padding: 130px 0 0 0;
    }
    .ji-hero .ji-hero-image img {
        /* position: relative; */
    }
    .ji-about .container > .row {
        gap: 40px;
    }
    .footer-context {
        flex-direction: column;
    }
    .ji-footer .copy-right p {
        text-align: center;
    }
    .ji-footer .copy-right p {
        line-height: 43px;
    }
    .ji-cta .context .main-title {
        max-width: 100%;
    }
    .asd .container1 {
        width: 100%;
        padding: 0 15px;
    }
    .date {
        padding: 0 15px;
    }
    .asd .content {
        padding-left: 50px;
    }
    .asd .right .content {
        padding-right: 50px;
    }
    .ji-cta .context .main-title {
        max-width: 100%;
    }

    .ji-about::before {
        bottom: unset;
        top: 15%;
		left: 42%;
    }
	.revenue {
		margin: 0;
	}
    .ji-about {
        padding: 50px 0;
    }
    .ji-companies {
        padding: 50px 0;
    }
    .ji-companies .bg-image {
        height: 450px;
        margin: 0 30px;
    }
    .ji-companies .ji-swiper-container {
        padding: 50px 0;
    }
    .ji-testimonials {
        padding: 50px 0;
    }
    .ji-testimonials-swiper {
        padding-top: 50px !important;
    }
    .ji-cta {
        height: 500px;
    }
}
@media (max-width: 575.98px) {
	.revenue {
		margin: 0;
	}
	.ji-about::before {
		top: 10%;
  		left: 50%;
	}
    .site-header .navbar {
        padding: 10px 0;
        height: unset;
    }
    .navbar-nav {
        flex-direction: column;
        gap: 8px;
        margin: 0;
    }
    .navbar-nav > li > a {
        font-size: 16px;
    }
    .nav-logo {
        width: 70px;
        height: 70px;
    }
    .ji-footer .footer-context {
        flex-direction: column;
    }
    .ji-footer .footer-context p {
        text-align: center;
    }
    .ji-cta .context .main-title {
        max-width: 100%;
    }
    /*  timeline start */
    .timeline-main-title {
        width: 90%;
    }
    .timeline::after {
        left: 3%;
    }
    .timeline::before, .timeline-end {
        left: 3%;
    }
    
    .asd .container1 {
        padding: 0 15px 0 70px;
        flex-direction: column;
    }
    .container1.left::before {
        left: 3%;
        right: unset;
    }
    .container1.right::before {
        left: 3%;
        transform: unset;
    }
    .right .date::after {
        display: none;
    }
    .left .date::after {
        display: none;
    }
    .date, .asd .content {
        padding: 0;
        width: 100%;
    }
    .asd .right .content {
        padding: 0;
    }
    /*  timeline End */

    /*  hero responsive style start */
    .ji-hero {
        height: 500px;
    }
    .ji-hero .ji-hero-title {
        font-size: 80px;
        line-height: 100px;
    }
    .typed-cursor {
        font-size: 80px;
    }
    .ji-hero .ji-hero-sub-title {
        font-size: 35px;
        line-height: 35px;
    }
    .ji-hero .ji-hero-description {
        font-size: 20px;
    }
    .ji-scroll-down span {
        font-size: 16px;
    }
    .ji-hero .ji-hero-content {
        margin: 0;
    }
    /*  hero responsive style End */
    /* about style start */
    .ji-about > .container > .row {
        gap: 30px;
    }
    .ji-about {
        padding: 50px 0;
    }
    .ji-about .context {
        gap: 30px;
        margin-bottom: 30px;
    }
    /* about style End */
    /* testimonials style start */
    .ji-testimonials {
        padding: 15px 0;
    }
    .ji-testimonials-swiper {
        padding-top: 15px !important;
    }
    .testimonial-slide-item .testimonial-text p {
        width: 100%;
    }
    .right .date {
        text-align: start;
    }
    .asd .container1.right  {
        flex-direction: column-reverse;
    }
    /* testimonials style end */
    /*  clientsb style */
    .ji-companies .bg-image {
        margin: 0 15px;
        height: 300px;
    }
    .ji-companies {
        padding: 15px 0;
    }
    /*  clientsb end */
    /* cta style start */
    .ji-cta {
        height: 500px;
    }
    .ji-cta .context .main-title {
        font-size: 26px;
        line-height: 30px;
    }
    /* cta style end */
    /* success hero start */
    .ji-success-hero {
        height: 300px;
    }
    .ji-success-hero .main-title {
        font-size: 33px;
    }
    /* success hero end */
    .testimonial-slide-item .testimonial-text p, .detail-item .detail-box p, .ji-about .context p {
        font-size: 22px;
    }
    .ji-companies .ji-swiper-container {
        padding: 40px 0;
    }
}
@media (max-width: 440px) {
	.ji-hero .ji-hero-title {
		font-size: 55px;
		line-height: 65px;
	}
	.typed-cursor {
		font-size: 60px;
	}
}

@media (min-width: 1920px) {
    .ji-hero .ji-hero-image img {
        right: 0;
        left: 0;
        margin: auto;
    }
}