@media only screen and (max-width:1500px) {
    .topbar, .main-header {
        padding: 0 12px;
    }
    
    .BusinessAI-Gain-Box {
    display: grid;
    gap: 30px;
}
}
@media only screen and (max-width:1400px) {
    .main-menu-inner , ul.main-menu-list{
        column-gap: 30px;
    }
    .banner-image::after {
        height: 546px;
        width: 564px;
    }
    h1 {
        font-size: 55px;
    }
    .counter-box {
        width: 35%;
    }
    .about-right {
        min-height: 390px;
    }
    .why-choose-box {
        padding: 0 20px;
    }
    .solution-box {
        min-height: 400px;
    }
    .solution-outer .solution-box:nth-child(3), .solution-outer .solution-box:nth-child(4), .solution-outer .solution-box:nth-child(5) {
        min-height: 350px;
    }
    .service-box {
        padding: 30px 20px;
    }
    .partner-logo-outer {
        gap: 15px;
        margin-bottom: 15px;
    }
    .teatimonial-box {
        min-height: 520px;
    }
    .cta-two-section {
        padding-top: 150px;
    }
    
        .BusinessAI-Gain-Box {
    display: grid;
    gap: 30px;
}
}
@media only screen and (max-width:1199px) {
    ul.main-menu-list {
        display: none;
    }
    .main-header {
        padding: 20px 12px;
    }
    .header-menu-collaps {
        display: flex;
    }
    h1 {
        font-size: 48px;
    }
    .banner-image::after {
        height: 456px;
        width: 456px;
    }
    h2 {
        font-size: 38px;
    }
    .custom-row {
        flex-direction: column-reverse;
        row-gap: 20px;
    }
    .about-right {
        min-height: 300px;
    }
    .teatimonial-box {
        min-height: 400px;
    }
    .portfolio-details h4 {
        font-size: 20px;
    }
    .footer-widget.newsletter {
        padding-left: 0;
    }
    .blog-left {
        flex-direction: row;
    }
    .about-about-left {
        padding-right: 30px;
    }
    .about-about-right {
        padding-left: 30px;
    }
    .vision-box {
        padding: 30px 30px;
    }
    .private-about-box-details {
        padding-right: 50px;
    }
    .private-about-box:nth-child(even) .private-about-box-details {
        padding-right: 0;
        padding-left: 50px;
    }
    .service-box-two {
        padding: 0 20px;
    }
    .strategy-content {
        padding-right: 40px;
    }
    .transform-details {
        padding-right: 0px;
    }
    .transform-details p {
        margin-bottom: 30px;
    }
    .transform-image {
        height: 380px;
    }
    .transform-image img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
        .BusinessAI-Gain-Box {
    display: grid;
    gap: 30px;
}
   
}
@media only screen and (max-width:991px){
    .topbar-inner p {
        display: none;
    }
    .topbar-inner {
        justify-content: center;
    }
    .banner-section {
        padding: 100px 0 100px;
    }
    .banner-row {
        row-gap: 30px;
        flex-direction: column-reverse;
    }
    .about-heading {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .about-heading .heading-box {
       width: 100%;
    }
    .counter-box {
        width: auto;
    }
    .about-image {
        height: 250px;
    }
    .why-choose-outer {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 50px;
    }
    .solution-box {
        grid-column: span 12;
    }
    .solution-outer .solution-box:nth-child(3), .solution-outer .solution-box:nth-child(4), .solution-outer .solution-box:nth-child(5) {
        grid-column: span 6;
    }
    .service-outer {
        grid-template-columns: repeat(2, 1fr);
    }
    .service-outer .service-box:nth-last-child(-n+3) {
           border-bottom: 1px solid #707070;
    }
      .service-outer .service-box:nth-last-child(-n+1) {
        border-bottom: 0;
    }
    .service-outer .service-box:nth-child(2), .service-outer .service-box:nth-child(6), .service-outer .service-box:nth-child(10), .service-outer .service-box:nth-child(14){
        border-right: 0;
    }
    .cta-section {
        background-position: center;
    }
    .heading-box-outer {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .porfolio-section .heading-box{
        width: 100%;
        margin-bottom: 0;
    }
    .porfolio-section .btn-primary {
        margin-left: 0;
    }
    .porfolio-outer {
        flex-wrap: wrap;
        row-gap: 12px;
    }
    .porfolio-item {
        width: 100%;
        min-height: 377px;
    }
    .porfolio-item .portfolio-details{
        bottom: 30px;
        opacity: 1;
    }
    .porfolio-item::after{
        opacity: 1;
    }
    .cta-two-section {
        padding-top: 100px;
    }
    .footer-menu ul {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .footer-top {
        column-gap: 100px;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
    .footer-logo {
        flex-shrink: 0;
    }
    .footer-lower {
        margin-top: 40px;
    }
    .banner-image::after{
        display: none;
    }
    .why-choose-box:nth-child(3) {
        border-right: 0;
    }
    .about-about-left {
        padding-right: 0;
        border-right: 0;
    }
    .about-about-right {
        padding-left: 0;
    }
    .about-about-row {
        flex-wrap: wrap;
        row-gap: 24px;
    }
    .about-about-image {
        width: 100%;
    }
    .about-about-content {
        width: 100%;
        padding-left: 0px;
    }
    .about-about-row.revers {
        flex-direction: column-reverse;
    }
    .about-video {
        top: -220px;
    }
    .private-image-box {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .private-image-box::after{
        display: none;
    }
    .private-about-box {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .private-about-box-details, .private-about-box-image{
        width: 100%;
    }
    .private-about-box:nth-child(odd){
        flex-direction: column-reverse;
    }
    .service-box-two-outer {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 50px;
    }
    .service-box-two:nth-child(2){
        border-right: 0;
    }
    .public-about-box{
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .public-about-box:nth-child(odd) {
        flex-direction: column-reverse;
    }
    .faq-section .accordion-body {
        padding-right: 0px;
    }
    .industries-section::after{
        display: none;
    }
     .blog-details-wrapper-outer {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 40px;
    }
    .blog-details-outer {
        grid-template-columns: repeat(1, 1fr);
    }
    .partners-section::after, .event-section::after{
        display: none;
    }
        .BusinessAI-Gain-Box {
    display: grid;
    gap: 30px;
}
}
@media only screen and (max-width:800px){
    .about-video {
        top: -120px;
    }
        .BusinessAI-Gain-Box {
    display: grid;
    gap: 30px;
}
}
@media only screen and (max-width:768px){
    .banner-content p {
        width: 100%;
    }
    .banner-section {
        padding: 80px 0;
    }
    .about-right {
        min-height: 400px;
    }
    .about-section {
        padding: 50px 0 80px;
    }
    .why-choose-outer {
        grid-template-columns: repeat(2, 1fr);
    }
    .why-choose-box:nth-child(2), .why-choose-box:nth-child(4) {
        border-right: 0;
    }
     .why-choose-box:nth-child(3), .why-choose-box:nth-child(5) {
          border-right: 1px solid rgb(255 255 255 / 18%);
    }
    .solution-outer .solution-box:nth-child(3), .solution-outer .solution-box:nth-child(4), .solution-outer .solution-box:nth-child(5) {
        grid-column: span 12;
    }
    .client-box {
        padding: 30px 15px;
    }
    .cta-section p {
        max-width: 100%;
    }
    .solution-section {
        padding: 70px 0 70px;
    }
    .service-section {
        padding: 0px 0 70px;
    }
    .partner-section {
        padding: 70px 0;
    }
    .teatimonial-box {
        min-height: 570px;
    }
    .teatimonial-box{
        padding: 20px;
    }
    .footer-top {
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .main-menu-right, ul.header-social-media, a.search {
        display: none;
    }
    .project-section::after,.testimonial-section::after {
        display: none;
    }
    .testimonial-section {
        position: relative;
        overflow: hidden;
    }
    h2 {
        font-size: 30px;
    }
    .solution-title h4 {
        font-size: 24px;
    }
    .portfolio-details {
        left: 15px;
        width: calc(100% - 30px);
    }
    .portfolio-details h4 {
        font-size: 18px;
    }
    .portfolio-details .btn-secondary {
        padding: 15px;
    }
    .blog-inner {
        padding: 30px 15px;
    }
    .blog-left .heading-box{
        margin-bottom: 0;
    }
    .blog-box {
        width: auto;
        margin: 0 0px;
    }
    .project-section {
        padding-bottom: 0px;
    }
    .why-choose-two-section {
        padding: 0px 0;
    }
    .private-about-box-outer {
        padding: 20px;
    }
    .private-about-box {
        padding: 30px 0;
    }
    .strategy-inner {
        padding: 30px;
    }
    .approch-two-section {
        padding-bottom: 60px;
    }
    .public-about-box{
        padding: 20px;
    }
    .faq-section{
        padding-bottom: 60px;
    }
    .blog-lower {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .author-details {
        column-gap: 20px;
        row-gap: 10px;
    }
    .blog-list-box {
        padding: 30px;
    }
    .blog-details-wrapper-outer {
        grid-template-columns: repeat(1, 1fr);
    }
    .blog-details-items{
        padding-right: 0;
    }
    .leadership-details {
        padding: 24px;
    }
    .event-section {
        padding: 50px 0 50px;
    }
    .event-details-inner {
        flex-wrap: wrap;
        row-gap: 15px;
    }
    .contact-form .form-group {
        flex-wrap: wrap;
    }
    .contact-section::after{
        display: none;
    }
    .contact-section {
        padding: 50px 0 50px;
    }
    .address-section{
        padding-bottom: 50px;
    }
    .job-details {
        width: 100%;
    }
    .job-title h3 {
        font-size: 20px;
    }
    .career-section{
        padding-bottom: 50px;
    }
    .job-form-group {
        flex: auto;
    }
        .BusinessAI-Gain-Box {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
}
}
@media only screen and (max-width:650px){
    .about-video {
        top: 0;
    }
    .about-banner-section {
        padding: 50px 0 0px;
    }
    .about-banner-section h1{
        font-size: 40px;
    }
    .heading-box {
        margin-bottom: 24x;
    }
    .teatimonial-slider button.slick-arrow{
        display: none !important;
    }
    .event-details {
        width: calc(100% - 40px);
    }
    .contact-outer {
        border-radius: 12px;
        padding: 20px;
    }
    .job-type{
        flex-wrap: wrap;
        row-gap: 10px;
    }
    .job-title{
         flex-wrap: wrap;
        row-gap: 15px;
        margin-bottom: 10px;
    }
        .BusinessAI-Gain-Box {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
}
    
}
@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1388px
    }
    
        .BusinessAI-Gain-Box {
    display: grid;
    gap: 30px;
}
    
}