@media only screen and (max-width: 1366px) {
    .banner {
        padding: 215px 0 180px;
    }
    .entry-header {
        padding: 185px 0 100px;
    }
}
@media only screen and (max-width: 1300px) {
    .banner {
        padding: 215px 0 160px;
    }
    
    /* Service Page */
    .service-tabbing .nav-tabs {
        gap: 10px;
        overflow-x: auto;
        white-space: nowrap;
        width: 100%;
        flex-wrap: nowrap;
        padding-bottom: 15px;
    }
    /* End Service Page */
}
@media only screen and (max-width: 1250px) {
    .banner {
        padding: 215px 0 140px;
    }
}
@media only screen and (max-width: 1199px) {
    /* Typography */
    h1 {
        font-size: var(--global-xxl-one-font-size);
        line-height: 62px;
    }
    h2 {
        font-size: var(--global-xl-one-font-size);
        line-height: 44px;
        margin-bottom: 25px;
    }
    h3 {
        font-size: var(--global-lager-three-font-size);
        line-height: 38px;
    }
    h4 {
        font-size: var(--global-normal-two-font-size);
        line-height: 30px;
    }
    /* End Typography */

    /* Button */
    .solid-button {
        font-size: var(--global-small-one-font-size);
        padding: 12px 26px;
    }
    /* End Button */

    /* Spacing Style */
    .py-60 {padding-top: 50px;padding-bottom: 50px;}
    .pt-60 {padding-top: 50px;}
    .pb-60 {padding-bottom: 50px;}
    .mb-40{margin-bottom: 30px;}
    .mt-30{margin-top: 25px;}
    .mb-30{margin-bottom: 25px;}
    /* End Spacing Style */

    /* Header */
    .main-navigation .site-nav > .menu-item {
        margin-right: 25px;
    }
    .site-header .contact-number {
        margin-right: 20px;
    }
    .site-header .btn-wrapper > a {
        flex-shrink: 0;
    }
    .hero-backdrop {
        display: none;
    }
    /* End Header */

    /* Banner */
    .banner {
        padding: 155px 0 60px;
    }
    .banner-content p {
        font-size: var(--global-normal-two-font-size);
        line-height: 28px;
        margin: 0 auto 26px;
    }
    .banner-content ul.button-wrapper {
        margin-top: 25px;
    }
    /* End Banner */

    /* Services */
    .our-services-box {
        padding: 50px;
    }
    .our-services-box-col:first-child .our-services-box-icon,
    .our-services-box-col:last-child .our-services-box-icon {
        width: 140px;
        height: 140px;
        margin: 0 auto 35px;
    }
    .our-services-box-col .our-services-box-icon img {
        max-width: 90px;
    }
    .our-services-box-content h3 {
        font-size: var(--global-lager-two-font-size);
        margin-bottom: 10px;
    }
    /* End Services */

    /* About Us */
    .about-left p {
        padding-right: 40px;
    }
    .counter-box {
        width: 210px;
        height: 110px;
        padding: 16px;
    }    
    .counter-col:nth-child(2) .counter-box {
        margin-left: 15px;
    }
    .counter-col:nth-child(3) .counter-box {
        margin-left: 30px;
    }
    .counter-col:first-child,
    .counter-col:nth-child(2), 
    .counter-col:nth-child(3) {
        margin-bottom: 25px;
    }
    /* End About Us */

    /* Contact Box */
    .contact-box-inner {
        padding: 30px 80px;
    }
    /* End Contact Box */

    /* Industries */
    .industries-col h2 {
        margin: 0 0 50px 0;
    }
    /* End Industries */

    /* Portfolio */
    .portfolio-column:last-child .portfolio-content {
        padding-left: 56px;
    }
    /* End Portfolio */

    /* About Us */
    .entry-header {
        padding: 160px 0 100px;
    }
    .about-ideas-left {
        padding-right: 30px;
    }
    .about-us-section {
        padding: 80px 0;
        margin: 50px 0;
    }
    .about-us-image {
        width: 60%;
    }
    /* End About Us */

    /* Service Page */
    .service-tabbing .nav-tabs .nav-link {
        padding: 12px;
        font-size: var(--global-small-one-font-size);
        line-height: 18px;
        min-width: 180px;
    }
    .tab-inner-content {
        padding-top: 40px;
    }
    /* End Service Page */
}
@media only screen and (max-width: 991px) {
    /* Typography */
    h1 {
        font-size: var(--global-xl-font-size);
        line-height: 52px;
    }
    h2 {
        font-size: var(--global-xl-two-font-size);
        line-height: 40px;
        margin-bottom: 20px;
    }
    h3 {
        font-size: var(--global-lager-one-font-size);
        line-height: 34px;
    }
    h4 {
        font-size: var(--global-normal-one-font-size);
        line-height: 28px;
    }
    /* End Typography */

    /* Button */
    .solid-button {
        font-size: var(--global-small-font-size);
        padding: 10px 16px;
    }
    /* End Button */

    /* Spacing Style */
    .py-60 {padding-top: 40px;padding-bottom: 40px;}
    .pt-60 {padding-top: 40px;}
    .pb-60 {padding-bottom: 40px;}
    .mb-40{margin-bottom: 20px;}
    .mt-30{margin-top: 20px;}
    .mb-30{margin-bottom: 20px;}
    /* End Spacing Style */

    /* Header */
    .header-top,
    .header-top.smaller {
        padding: 12px 0;
    }
    .mobile-hide {
        display: var(--global-display-none);
    }
    .desktop-menu {
        display: var(--global-display-none);
    }
    .site-header .contact-number {
        margin-right: 15px;
    }
    .mobile_only {
        display: var(--global-display-style-block);
    }
    .mobile-header {
        display: var(--global-display-style);
        align-items: var(--alignment-center);
        flex-wrap: wrap;
    }
    .mobile-header .mobile-header__menu-button img {
        width: 24px;
        height: 24px;
    }
    .mobile .menu {
        flex-direction: column;
        justify-content: var(--justify-content-start);
        align-items: var(--alignment-start);
        width: 100%;
    }
    .mobile .menu li {
        margin: 0;
        display: var(--global-display-style-block);
        width: 100%;
        border-bottom: 1px solid var(--common-grayscale-color);
    }
    .mobile .menu li a {
        padding: 10px;
        display: var(--global-display-style-block);
    }
    /* End Header */

    /* Banner */
    .banner {
        padding: 135px 0 50px;
    }
    .banner-content p {
        font-size: 16px;
        line-height: 26px;
        max-width: 100%;
    }
    .banner-content ul.button-wrapper {
        margin-top: 20px;
    }
    ul.button-wrapper li img {
        max-width: 120px;
    }
    /* End Banner */

    /* Services */
    .our-services-box {
        padding: 40px;
    }
    .our-services-box-col:first-child .our-services-box-icon, 
    .our-services-box-col:last-child .our-services-box-icon {
        width: 120px;
        height: 120px;
        margin: 0 auto 30px;
    }
    .our-services-box-col .our-services-box-icon img {
        max-width: 80px;
    }
    .our-services-box-content h3 {
        font-size: var(--global-lager-font-size);
    }
    /* End Services */

    /* About Us */
    .about-left p {
        padding-right: 0;
    }
    .about-us {
        margin-bottom: -20px;
    }
    .counter-box {
        width: 200px;
        height: 100px;
        padding: 12px;
        margin: 0;
    }
    .counter-col-wrapper {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        margin: 30px -12px 0;
    }
    .counter-col:first-child,
    .counter-col:nth-child(2), 
    .counter-col:nth-child(3) {
        margin-bottom: 0;
    }
    .counter-col {
        padding: 0 12px;
        margin-bottom: 20px !important;
    }
    .counter-col:first-child, .counter-col, .counter-col:nth-child(4) {
        width: 50%;
    }
    .counter-col:nth-child(2) .counter-box,
    .counter-col:nth-child(3) .counter-box {
        margin: 0;
    }
    .counter-box {
        width: 100%;
        height: 100px;
        padding: 12px;
        margin: 0;
    }
    /* End About Us */

    /* Our Company Principles */
    .our-company{
        margin-bottom: -24px;
    }
    .our-company-box-col {
        margin-bottom: 24px;
    }
    /* End Our Company Principles */

    /* Contact Box */
    .contact-box-inner {
        padding: 24px 60px;
    }
    /* End Contact Box */

    /* Industries */
    .industries-col h2 {
        margin: 0 0 40px 0;
    }
    .industries .industries-button-next, 
    .industries .industries-button-prev {
        top: 20px;
    }
    .industries .industries-button-prev {
        right: 80px;
    }
    /* End Industries */

    /* Why LJ Innovate */
    .why-lj-box-wrapper {
        margin-top: 30px;
    }
    .why-lj-box-icon {
        width: 70px;
        height: 70px;
    }
    /* End Why LJ Innovate */

    /* Contact Form */
    .contact-form-wrapper {
        padding: 40px;
    }
    .contact-details {
        padding-top: 60px;
        padding-left: 0;
        padding-right: 0;
    }
    .contact-details:before {
        left: 0;
        width: 260px;
        height: 260px;
    }
    .contact-details h3:before {
        left: 10px;
        width: 100px;
    }
    .contact-details .contact-block {
        margin-top: 20px;
    }
    /* End Contact Form */

    /* Portfolio */
    .portfolio-column:last-child .portfolio-content {
        padding-left: 36px;
    }
    /* End Portfolio */

    /* Footer */
    .social-media {
        margin-bottom: 20px;
    }
    .footer-bottom {
        margin-top: 40px;
    }
    .copyright-left, .footer-bottom-nav, .payment-img {
        justify-content: var(--justify-content-center);
    }
    .footer-bottom-nav li a:after {
        top: 4px;
        height: 16px;
    }
    .payment-img {
        margin-top: 10px;
    }
    /* End Footer */

    /* About Us */
    .entry-header {
        padding: 140px 0 80px;
    }
    .about-ideas-left {
        padding-right: 0;
    }
    .about-ideas-image.desktop-hide {
        display: block;
        margin: 0 0 30px 0;
    }
    .about-us-section {
        padding: 40px 0;
        margin: 0;
    }
    .about-us-image {
        display: var(--global-display-none);
    }
    .about-left p {
        line-height: 32px;
    }
    .features-box {
        padding: 20px;
    }
    .testimonial .testimonial-slide {
        padding: 30px;
        height: auto;
    }
    .testimonial .swiper-scrollbar {
        width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,10%));
    }
    /* End About Us */

    /* FAQ Page */
    .faq .accordion {
        margin-top: 24px;
    }
    /* End FAQ Page */

    /* Service Page */
    .service-block-content {
        margin: 20px 0 0 0;
    }
    .tab-inner-content {
        padding-top: 30px;
    }
    /* End Service Page */
}
@media only screen and (max-width: 767px) {
    /* Typography */
    h1 {
        font-size: var(--global-xxl-two-font-size);
        line-height: 42px;
    }
    h2 {
        font-size: var(--global-lager-two-font-size);
        line-height: 36px;
    }
    h3 {
        font-size: var(--global-lager-font-size);
        line-height: 30px;
    }
    h4 {
        font-size: var(--global-normal-font-size);
        line-height: 26px;
    }
    h5 {
        font-size: var(--global-normal-font-size);
        line-height: 32px;
    }
    p {
        font-size: var(--global-small-one-font-size);
    }
    /* End Typography */

    /* Banner */
    .banner {
        padding: 120px 0 40px;
    }
    ul.button-wrapper li img {
        max-width: 110px;
    }
    /* End Banner */

    /* Services */
    .our-services-box {
        padding: 30px 20px;
    }
    .our-services-box-col:first-child .our-services-box-icon, 
    .our-services-box-col:last-child .our-services-box-icon {
        width: 100px;
        height: 100px;
        margin: 0 auto 25px;
    }
    .our-services-box-col .our-services-box-icon img {
        max-width: 60px;
    }
    .our-services-box-content h3 {
        font-size: var(--global-normal-one-font-size);
    }
    /* End Services */

    /* Contact Box */
    .contact-box-inner {
        padding: 20px 40px;
    }
    /* End Contact Box */

    /* Industries */
    .industries-col h2 {
        margin: 0 0 30px 0;
    }
    .industries .industries-button-next, 
    .industries .industries-button-prev {
        top: 20px;
    }
    .industries .industries-button-prev {
        right: 70px;
    }
    /* End Industries */

    /* Why LJ Innovate */
    .why-lj-box-icon {
        width: 60px;
        height: 60px;
    }
    .why-lj-box-content p {
        line-height: 26px;
    }
    .why-lj-box-icon img {
        max-width: 35px;
    }
    /* End Why LJ Innovate */

    /* Contact Form */
    .contact-form-wrapper {
        padding: 30px;
    }
    .contact-details {
        padding-top: 40px;
        margin: 30px 0 0 0;
    }
    .contact-details:before {
        width: 240px;
        height: 240px;
    }
    .contact-details h3 {
        justify-content: var(--justify-content-start);
        margin-left: 90px;
    }
    .contact-details h3:before {
        left: 0;
        width: 80px;
    }
    .submit-btn input[type="submit"] {
        padding: 12px 30px;
        width: auto;
    }
    /* End Contact Form */

    /* Portfolio */
    .portfolio-column {
        margin-bottom: 30px;
    }
    .portfolio-column:last-child .portfolio-image {
        width: 100%;
    }
    .portfolio-column:last-child .portfolio-content {
        width: 100%;
        padding: 20px;
    }
    .portfolio-column:last-child .portfolio-cover {
        flex-wrap: wrap;
    }
    .portfolio-column:last-child {
        margin-top: 0;
        margin-bottom: 0;
    }
    .portfolio-project-left {
        margin-bottom: 20px;
    }
    .portfolio-key-features-img {
        margin-top: 20px;
    }
	.portfolio-image {
		min-height: 300px;
	}
	.portfolio-column img {
		height: 100%;
	}
    /* End Portfolio */

    /* Footer */
    .footer-bottom {
        margin-top: 30px;
    }
    .email-subscription {
        margin-top: 20px;
    }
    .emaillist .es_subscription_form .es-form-field-container .gjs-row input[type=submit] {
        width: auto;
        padding: 12px 30px !important;
    }
    /* End Footer */

    /* About Us */
    .entry-header {
        padding: 120px 0 60px;
    }
    .about-counter {
        margin-bottom: -20px;
    }
    .about-counter .counter-col-wrapper .counter-col {
        width: 50%;
        margin-bottom: 20px !important;
    }
    .leadership-box {
        flex-wrap: wrap;
        justify-content: var(--justify-content-center);
    }
    .leadership-content {
        text-align: center;
    }
    .features-box-col {
        margin-bottom: 24px;
    }
    .features-box-col:last-child {
        margin-bottom: 0;
    }
    .testimonial .testimonial-slide {
        padding: 20px;
    }
    .testimonial .swiper-scrollbar {
        width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,12%));
    }
    .testimonial-slider .testimonial-slide .head {
        grid-gap: 10px;
        margin-bottom: 14px;
    }
    .testimonial-slider .head img {
        width: 60px;
        height: 60px;
    }
    /* End About Us */

    /* FAQ Page */
    .faq .accordion {
        margin-top: 14px;
    }
    /* End FAQ Page */

    /* Service Page */
    .tab-inner-content {
        padding-top: 20px;
    }
    .technology-box {
        padding: 15px;
    }
    .industries-box {
        padding: 15px;
    }
    /* End Service Page */
}
@media only screen and (max-width: 575px) {
    /* Typography */
    h1 {
        font-size: var(--global-lager-one-font-size);
        line-height: 32px;
    }
    h2 {
        font-size: var(--global-lager-font-size);
        line-height: 32px;
    }
    h3 {
        font-size: var(--global-normal-one-font-size);
        line-height: 28px;
    }
    h5 {
        font-size: var(--global-medium-font-size);
        line-height: 28px;
    }
    p {
        font-size: var(--global-small-font-size);
    }
    /* End Typography */

    /* Header */
    .site-header .contact-number {
        font-size: 0;
        background: url('../images/icon_call.svg') no-repeat left center;
        background-size: contain;
        width: 22px;
        height: 22px;
        filter: brightness(100);
        animation-name: trin;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }
    .logo img {
        max-width: 100px;
    }
    .site-header .btn-wrapper a.solid-button {
        order: 1;
    }
    .site-header .contact-number {
        order: 2;
    }
    .mobile-menu {
        order: 3;
    }
    .site-header .contact-number {
        margin-right: 8px;
        margin-left: 8px;
    }
    .mobile-menu .btn {
        margin-left: 0;
    }
    .site-header .btn-wrapper a.solid-button {
        padding: 8px 12px;
    }
    /* End Header */

    /* Services */
    .our-services-box {
        padding: 24px 15px;
    }
    .our-services-box-col:first-child .our-services-box-icon, 
    .our-services-box-col:last-child .our-services-box-icon {
        width: 80px;
        height: 80px;
        margin: 0 auto 15px;
    }
    .our-services-box-col .our-services-box-icon img {
        max-width: 50px;
    }
    .our-services-box-content h3 {
        font-size: var(--global-normal-font-size);
    }
    .our-services-box-col {
        margin-bottom: 20px;
    }
    .our-services-box-col:last-child {
        margin-bottom: 0;
    }
    /* End Services */

    /* Our Company Principles */
    .our-company{
        margin-bottom: 0;
    }
    .our-company-box-col {
        margin-bottom: 20px;
    }
    .our-company-box-col:last-child {
        margin-bottom: 0;
    }
    /* End Our Company Principles */

    /* Contact Box */
    .contact-box-inner {
        padding: 16px;
    }
    /* End Contact Box */

    /* Industries */
    .industries-col h2 {
        padding-right: 0;
    }
    .industries .industries-button-next, 
    .industries .industries-button-prev {
        top: inherit;
        bottom: -60px;
        width: 30px;
        height: 30px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .industries .industries-button-next {
        left: 50px;
    }
    .industries .industries-button-prev {
        right: 50px;
    }
    .industries .industries-button-next::after, 
    .industries .industries-button-prev::after {
        width: 18px;
        height: 18px;
    }
    /* End Industries */

    /* Why LJ Innovate */
    .why-lj-box-content p {
        line-height: 24px;
    }
    /* End Why LJ Innovate */

    /* Contact Form */
    .contact-form-wrapper {
        padding: 24px;
    }
    .contact-details {
        padding-top: 30px;
        margin: 20px 0 0 0;
    }
    .contact-details:before {
        width: 160px;
        height: 160px;
    }
    .contact-details h3 {
        margin-left: 80px;
    }
    .contact-details h3:before {
        width: 60px;
    }
    .submit-btn input[type="submit"] {
        padding: 10px 20px;
    }
    /* End Contact Form */

    /* Footer */
    .footer-link h6 {
        padding: 15px 0;
        margin-bottom: var(--global-margin-zero);
    }
    .footer-link {
        border-bottom: 1px solid var(--common-grayscale-color);
    }
    .service-listing li:last-child, 
    .company-listing li:last-child {
        margin-bottom: 10px;
    }
    .footer-link h6 {
        position: var(--position-relative);
        cursor: pointer;
        transition: var(--global-transition);
    }
    .footer-link h6::after {
        content: '';
        position: absolute;
        top: 18px;
        right: 5px;
        background: url(../images/icon_down.svg) no-repeat center;
        width: 14px;
        height: 14px;
        color: #FFFFFF;
        transition: var(--global-transition);
    }
    .footer-link h6.active::after {
        top: 18px;
        transform: rotate(180deg);
        transition: all 0.3s;
    }
    .emaillist .es_subscription_form .es-form-field-container .gjs-row input[type=submit] {
        width: auto;
        padding-top: 10px !important;
        padding-right: 22px !important;
        padding-bottom: 10px !important;
        padding-left: 22px !important;
        font-size: var(--global-small-one-font-size) !important;
    }
    .c-go-top {
        width: 38px;
        height: 38px;
        padding: 6px;
    }
    /* End Footer */

    /* About Us */
    .entry-header {
        padding: 100px 0 40px;
    }
    .mission-vision-col {
        margin-bottom: 20px;
    }
    .mission-vision-col:last-child {
        margin-bottom: 0;
    }
    .about-left p {
        line-height: 28px;
    }
    .testimonial-col .testimonial-btn-group {
        position: var(--position-absolute);
        justify-content: var(--justify-content-center);
    }
    .testimonial .swiper-scrollbar {
        width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,2%));
        bottom: var(--swiper-scrollbar-bottom,14px);
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .about-ideas,
    .about-us-section,
    .about-counter,
    .leadership,
    .features,
    .our-services,
    .portfolio,
    .about-us,
    .our-company,
    .contact-box,
    .awards {
        padding-bottom: 0;
    }
     
    /* End About Us */

    /* 404 */
    .not-found .error-text h1 {
        font-size: 100px;
    }
    /* End 404 */

    /*  */
    .our-expertise {
        margin-bottom: 0;
    }
    .our-expertise-box-col:last-child {
        margin-bottom: 0;
    }

    /* FAQ Page */
    .faq .accordion-button {
        padding: 10px 45px 10px 0;
    }
    .faq .accordion-body {
        padding: 8px 40px 10px 0;
    }
    /* End FAQ Page */

    /* Service Page */
    .our-expertise-box {
        padding: 15px;
    }
    .our-expertise-box-icon,
    .industries-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
    }
    /* End Service Page */
	
	.portfolio-image {
		min-height: inherit;
		height: 250px;
	}
}
@media only screen and (max-width: 480px) {
    /* Header */
    .site-header .btn-wrapper a.solid-button {
        padding: 6px 10px;
    }
    .mobile-header .mobile-header__menu-button img {
        width: 20px;
        height: 20px;
    }
    .mobile-header__menu-button {
        margin: 0 10px 0 0;
    }
    /* End Header */

    /* Contact Form */
    .contact-details h3 {
        margin-left: 60px;
    }
    .contact-details h3:before {
        width: 40px;
    }
    /* End Contact Form */
    
    /* Footer */
    .email-subscription .es-form-field-container {
        padding: 0 !important;
    }
    .copyright-left {
        flex-direction: column;
    }
    .footer-bottom-nav {
        margin: 0;
    }
    .footer-bottom-nav li a:after {
        top: 5px;
        height: 14px;
    }
    /* End Footer */
}