/*================================ 
    #RESPONSIVE CSS 
====================================*/

@media only screen and (min-width: 2100px) and (max-width: 2400px) {
    .banner-head{
        left: 17%;
    }
    .key-features {
        justify-content: center;
    }
    .validnavs a {
        font-size: 130%;
    }
    .head-logo{
        width: 70%;
    }
    .breadcrumb-area h1 {
        font-size: 50px;
    }
    .chat-window {
        width: 550px;
        height: 1000px;
    }
    .chat-window .close {
        width:45px;
        height:45px;
    }
    .modal-content {
        width: 23% !important;
    }
    #brochureForm {
        margin: 1rem auto;
    }
    .slider-text-wrapper {
        margin-right:33rem;
    }
    .blog-entry .entry-content .entry-more a{
        font-weight: 500;
    }
     .blog-single .blog-entry .entry-img .entry-meta .entry-category a{
        text-decoration: none;
    }
    .blog-single .blog-entry .entry-img .entry-meta .entry-author a{
        text-decoration: none;
    }
    .contact-icon .svg-inline--fa {
        height:2em;
    }
    .choose-us-style-two ul li h3{
        font-size: 21px;
    }
     svg.svg-inline--fa.fa-play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 24px;
        border: 2px solid #fff;
        border-radius: 50%;
        padding: 12px;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        width: 50px;
        height: 47px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .why-genai p{
        text-align: center;
    }
    
    
    
    nav.navbar ul.nav>li>a {
        font-size: 20px;
    }
    .navbar-brand>img{
        /*height: 120px;*/
    }
    #video{
        height:unset;
    }
    .about-style-six h2 {
        font-size: 350%;
    }
    .about-style-six p {
        font-size: 150%;
        margin-bottom: 2rem;
        max-width: 1200px;
    }
    p{
        line-height:40px;
    }
    .about-style-six h3 {
        font-size: 300%;
        margin-bottom: 20px;
    }
    a.btn.mt-10.circle.btn-theme-effect.btn-sm {
        color: #fff;
        padding: 21px 20px;
        font-weight: 500;
        width: 31%;
        font-size: 160%;
    }
    .with-genai-head h3{
        font-size: 350%;
    }
    span.word {
        font-size: 100%;
    }
    .genai-card-content h3{
        font-size: 180%;
    }
    .gen-ai-slider-head h2{
        font-size: 350%;
    }
    .gen-ai-slider-head h3{
        font-size: 250%;
        margin-bottom: 4rem;
    }
    .entry-more a.btn.mt-10.circle.btn-theme-effect.btn-sm {
        padding: 12px 20px;
        width: 52%;
        font-size: 130%;
    }
    .title-bold {
        font-size: 230%;
    }
    .info h5{
        font-size: 196%;
    }
    .info p {
        /*font-size: 196%;*/
    }
    .roi h2{
        font-size: 350%;
    }
    .roi-subtext{
        font-size: 150%;
            max-width: 1200px;
    }
    .roi-card-text h3 {
        font-size: 150%;
    }
    .roi-card-text h3 {
        font-size: 160%;
    }
    .roi-card-text{
        padding: 30px;
        width: 96%;
    }
    .roi-wrapper{
        justify-content: center;   
    }
    .roi-card{
        width: calc((90% - 20px) / 2);
    }
    .roi-card-text p {
        font-size: 150%;
    }
    .benefits h2{
        font-size: 350%;
    }
    .benefits h3{
        font-size: 300%;
    }
    .info h4{
        font-size: 160%;
        margin-bottom:10px;
    }
    .slider-card {
        padding: 24px 20px;
    }
    .choose-us-style-two h2{
        font-size: 300%;
    }
    p{
        font-size: 150%;
    }
    .choose-us-style-two ul li h4 {
        font-size: 150%;
    }
    .table-container td {
        font-size: 25px;
    }
    .table-container th {
        font-size: 27px;
    }
    footer img, footer .widget-title {
        font-size: 175%;
    }
    footer .f-items .f-item .address li strong {
        font-size: 105%;
    }
    .address .content {
        font-size: 140%;
    }
    .address .content a{
        font-size: 100%;
    }
    .icon .svg-inline--fa{
        font-size: 23px;
    }
    footer .address ul li .icon{
        margin-right: 22px;
    }
    footer ul li a{
        font-size: 150%;
        padding: 10px 0;
    }
    .footer-bottom ul{
        padding:0;
        margin:0;
    }
    footer .footer-bottom p{
        padding: 0;
        font-size: 18px;
    }
    footer .f-items .f-item.link li a{
        text-decoration: none;
    }
    footer .footer-logo {
        width: 58%;
    }
    .logo-wrapper {
        width: 80%;
    }
    .chat-button img{
        width: 100px;
        height: 100px;
    }
    .chat-button{
        width: 120px;
        height: 120px;
    }
    .about-area .info h2{
        font-size: 350%;
    }
    .info p{
        max-width: 1200px;
    }
    .slider-text-wrapper h2{
        font-size: 350%;
        max-width: 700px;
    }
    .slider-text-wrapper h4{
         font-size: 250%;
        max-width: 900px;
    }
    .slider-text-wrapper h5 {
          font-size: 180%;
        max-width: 700px;
    }
    .choose-us-area-feature .info h2{
        font-size: 350%;
    }
    .key-features{
        flex-wrap: wrap;
    }
    .kf-card{
        width: calc((80% - 30px) / 2);
        margin-bottom:20px;
    }
    .kf-card:nth-child(2){
        margin-right:0;
    }
    .usecases h2{
        font-size: 350%;
    }
    .usecase-wrapper{
        flex-wrap: wrap;
    }
    .usecase-wrapper a{
        width: calc((100% - 20px) / 2);
        margin-bottom: 20px;
    }
    .usecase-wrapper a:nth-child(2),  .usecase-wrapper a:nth-child(4){
        margin-right:0;
    }
    .usecase-card-text h3{
        font-size: 32px;
    }
    .usecase-card-text p {
        font-size: 165%;
    }
    .why-genai h4{
        font-size: 350%;
    }
    .why-genai h3{
        font-size: 300%;
    }
    .why-genai .card-head h4 {
        font-size: 26px;
    }
    .why-genai h5 {
        font-size: 20px;
    }
    .youtube-demo h5{
        font-size: 28px;
    }
    .entry-more a.btn.mt-10.circle.btn-theme-effect.btn-sm{
        padding: 12px 20px;
        width: 52%;
    }
    .blog-entry .entry-content .entry-meta .entry-date .day, .blog-entry .entry-content .entry-meta .entry-date .year{
        font-size: 20px;
    }
    .blog-entry .entry-content .entry-title h4 a{
        font-size: 22px;
    }
    .custom-blog .blog-entry .entry-content .entry-bio p {
        font-size: 20px;
    }
    .blog-list{
        height: 575px;
    }
    .widget .widget-title h5{
        font-size: 25px;
    }
    #view-more-btn.mt-10.circle.btn-theme-effect.btn-sm{
        padding: 16px 20px;
        width: 28%;
    }
    .contact-head h2{
        font-size: 350%;
    }
    .contact-head p{
        font-size: 150%;
        max-width: 900px
    }
    .contact-area .icon .svg-inline--fa{
        height: 40px;
        margin-right: 20px;
    }
    .contact-area .content li h5 {
        font-size: 26px;
    }
    .contact-area .content li a{
        font-size: 18px;
    }
    .contact-area .content li a {
        font-size: 22px;
    }
    .block-left form .btn{
        width: 24%;
        font-size: 125%;
    }
    .sitemap-list li a {
        font-size: 135%;
    }
    .privacy-policy h4{
        font-size: 250%;
    }
    .privacy-policy h2{
        font-size: 350%;
    }
    .privacy-policy h5{
        font-size: 250%;
    }
    .privacy-policy ul li {
        font-size: 150%;
    }
}



@media only screen and (min-width: 1601px) and (max-width: 2000px) {
    .banner-head {
        left: 16%;
    }
    .head-logo {
        width: 64%;
    }
    marquee a{
        font-size: 20px;
    }
    nav.navbar ul.nav>li>a {
        font-size: 18px;
    }
    .navbar-brand>img{
        /*height: 92px;*/
    }
    .contact-area .icon .svg-inline--fa {
        height: 30px;
    }
    .contact-area .content li a{
        font-size: 15px;
    }
    .contact-area .content .info a{
        font-size: 20px;
    }
    .block-left form .btn{
        font-size: 115%;
        width: 24%;
    }
    #video{
        height:unset;
    }
    .about-style-six h2 {
        font-size: 300%;
    }
    .gen-ai-slider-head h2{
        font-size: 300%;
    }
    .with-genai-head h3{
        font-size: 300%;
    }
    span.word {
        font-size: 110%;
    }
    .about-style-six p {
        font-size: 130%;
    }
    .about-style-six h3 {
        font-size: 250%;
        margin-bottom: 20px;
    }
    a.btn.mt-10.circle.btn-theme-effect.btn-sm {
        color: #fff;
        padding: 16px 20px;
        font-weight: 500;
        width: 24%;
        font-size: 122%;
    }
    .entry-more a.btn.mt-10.circle.btn-theme-effect.btn-sm{
        width: 45%;
    }
    .title-bold {
        font-size: 210%;
    }
    .info h5, .info p {
        font-size: 130%;
        max-width: 1100px;
    }
    .roi h2{
        font-size: 300%;
    }
    .roi-subtext, .roi-card-text h3 {
        font-size: 130%;
    }
    .roi-card-text h3 {
        font-size: 150%;
    }
    .roi-card-text{
        padding: 30px;
        width: 96%;
    }
    .roi-card-text p {
        font-size: 130%;
    }
    .benefits h2{
        font-size: 300%;
    }
    .benefits h3{
        font-size: 250%;
    }
    .info h4{
        font-size: 160%;
        margin-bottom:20px;
    }
    .choose-us-style-two h2{
        font-size: 300%;
    }
    p{
        font-size: 130%;
    }
    .choose-us-style-two ul li h3{
        font-size: 20px;
    }
    .choose-us-style-two ul li h4 {
        font-size: 140%;
    }
    .table-container td {
        font-size: 22px;
    }
    .table-container th {
        font-size: 24px;
    }
    footer .f-items .f-item .address li strong {
        font-size: 19px;
    }
    .address .content {
        font-size: 120%;
    }
    footer ul li a{
        font-size: 130%;
        padding: 10px 0;
    }
    footer .content a{
        font-size: 115%
    }
    footer .footer-bottom p{
        padding: 10px 0;
        font-size: 16px;
    }
    footer .f-items .f-item.link li a{
        text-decoration: none;
    }
    footer .footer-logo {
        /*width: 58%;*/
    }
    .logo-wrapper {
        /*width: 80%;*/
    }
    .chat-window {
        height: 700px;
    }
    .chat-window .close {
        width: 40px;
        height: 40px;
    }
    .modal-content {
        width: 30% !important;
    }
    #brochureForm {
        margin: 2rem auto;
    }
    .slider-text-wrapper {
        margin-right:20rem;
    }
    .chat-button img{
        width: 80px;
        height: 100px;
    }
    .chat-button{
        width: 100px;
        height: 100px;
    }
    .blog-single .blog-entry .entry-img .entry-meta .entry-category a{
        text-decoration: none;
    }
    .blog-single .blog-entry .entry-img .entry-meta .entry-author a{
        text-decoration: none;
    }
    .contact-icon .svg-inline--fa {
        height: 2em;
    }
     svg.svg-inline--fa.fa-play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 24px;
        border: 2px solid #fff;
        border-radius: 50%;
        padding: 12px;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        width: 45px;
        height: 43px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .why-genai p{
        text-align: center;
    }
    .about-area .info h2{
        font-size: 300%;
    }
    .breadcrumb-area h1{
        font-size: 300%;
    }
    .slider-text-wrapper h2{
        font-size: 300%;
        max-width: 600px;
    }
    .slider-text-wrapper h4{
        font-size:210%;
        max-width: 600px;
    }
    .slider-text-wrapper h5{
        font-size: 150%;
        max-width: 600px;
    }
    .choose-us-area-feature .info h2{
        font-size: 300%;
    }
    .usecases h2{
        font-size: 300%;
    }
    .usecase-card-text h3 {
    
        font-size: 21px;
    }
    .why-genai h4{
        font-size: 300%;
    }
    .why-genai h3{
        font-size: 250%;
    }
    .why-genai .card-head h4 {
        font-size: 26px;
    }
    .why-genai h5{
        font-size: 19px;
    }
    .youtube-demo h5{
        font-size: 22px;
    }
    .blog-entry .entry-content .entry-meta .entry-date .day, .blog-entry .entry-content .entry-meta .entry-date .year{
        font-size: 20px;
    }
    .blog-entry .entry-content .entry-title h4 a{
        font-size: 20px;
    }
    .custom-blog .blog-entry .entry-content .entry-bio p{
        font-size: 20px;
    }
    .contact-head h2{
        font-size: 300%;
    }
    .contact-head p {
        max-width: 1000px;
    }
    .sitemap-list li a {
        font-size: 130%;
    }
    .privacy-policy h2 {
        font-size: 300%;
    }
    .privacy-policy h4 {
        font-size: 200%;
    }
    .privacy-policy h5 {
        font-size: 180%;
    }
    .privacy-policy ul li{
        font-size: 130%;
    }
    .roi-subtext {
    max-width: 1200px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .navbar-brand>img {
    /*height: 60px;*/
}
.about-style-six h2 {
    font-size: 200%;
}
.about-style-six h3 {
    font-size: 170%;
}
/*.btn-theme-effect::after {*/
/*    left: 18%;*/
/*    top: 0;*/
/*    content: "";*/
/*    height: 100%;*/
/*    width: 63%;*/
/*}*/
/*.entry-more .btn-theme-effect::after {*/
/*    left: 18%;*/
/*    top: 0;*/
/*    content: unset;*/
/*    height: 100%;*/
/*    width: unset;*/
/*}*/
.privacy-policy h2{
    font-size: 200%;
}
.privacy-policy ul li{
    font-size: 96%;
    font-family: "Roboto Slab", serif;
}
.title-bold {
    font-size: 140%;
}
.info h5 {
    font-size: 135%;
}
.info p{
    font-size: 120%;
}
.benefits h2{
    font-size: 200%;
}
.benefits h3{
    font-size: 170%;
}
.info h4 {

    font-size: 125%;
}
.choose-us-style-two h2{
    font-size: 200%;
}
.usecase-wrapper{
    flex-wrap: wrap;
}
.usecase-wrapper a{
    width: calc((100% - 60px) / 2);
    margin-bottom:20px;
}
.usecase-card:nth-child(2){
    margin-right:0;
}
.usecase-card a:nth-child(3){
    margin-right: 20px;
}
.usecases h2{
    font-size: 200%;
}
 .privacy-policy h5{
        font-size: 150%;
}
 .table-container table {
    min-width: 600px;
    font-size: 14px;
  }

  .table-container th,
  .table-container td {
    padding: 10px;
  }
}
@media only screen and (min-width: 821px) and (max-width: 1024px) {
    a.navbar-brand {
        /*width: 50%;*/
    }
    .navbar-toggle path{
        fill: #1d4b98
    }
    .entry-more .btn {
        padding: 10px 15px 10px 15px;
        font-weight: 500;
    }
    .block-left .btn {
        width: 100%;
    }
    .block-left form .btn {
        width: 26%;
    }
     .table-container table {
        min-width: 600px;
        font-size: 14px;
      }
    
      .table-container th,
      .table-container td {
        padding: 10px;
      }
    footer .f-items .f-item.link li a{
        text-decoration: none;
    }
    .address ul{
        position: relative;
        padding: 0;
    }
    .gen-ai-slider-card {
        padding: 24px 12px;
    }
    /*.address ul li:nth-child(1){*/
    /*    display: none;*/
    /*}*/
    footer .f-items .f-item .address.ipad-address li:nth-child(2){
        position: absolute;
        top: -6%;
        width: 100%;
        margin: -12px 0;
    }
    footer .f-items .f-item .address li a {
        width: 14%;
    }
    ul{
        padding-left:0 !important;
    }
    .address ul{
        /*flex-wrap: nowrap;*/
    }
    footer .f-items .f-item .address li {
        margin-bottom: 16px;
        /*width: 100%;*/
    }
    .modal-content {
        width: 46% !important;
    }
    #brochureForm {
        margin: 2rem auto
    }
    .chat-window {
        width: 450px;
        height: 500px;
    }
    .blog-single .blog-entry .entry-img .entry-meta .entry-category a{
        text-decoration: none;
    }
    .blog-single .blog-entry .entry-img .entry-meta .entry-author a{
        text-decoration: none;
    }
     svg.svg-inline--fa.fa-play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 24px;
        border: 2px solid #fff;
        border-radius: 50%;
        padding: 12px;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        width: 34px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .why-genai p{
        text-align: center;
    }
    .about-area .info h2{
        font-size: 200%;
    }
    .slider-text-wrapper h2{
        font-size: 200%;
    }
    .slider-text-wrapper h4{
        font-size: 170%;
    }
    .choose-us-area-feature .info h2{
        font-size: 200%;
    }
    .kf-card{
        width: calc((100% - 20px) / 2);
        margin-bottom:20px;
    }
    .kf-card:nth-child(2){
        margin-right:0;
    }
    .key-features{
        flex-wrap: wrap;
    }
     .desktop-chart{
        display: none;
    }
    .mob-chart-wrapper {
        display: flex;
        justify-content: space-between;
    }
    .chart-left{
        width: 45%;
    }
    .chart-right{
        width:45%;
    }
    .mob-chart-wrapper .owl-nav {
        display: flex;
        justify-content: center;
    }
        .chart-slider .owl-next, .chart-slider .owl-prev {
        background-color: #1d4b98;
        padding: 8px 14px;
        border-radius: 50%;
        margin-right: 1rem;
    }
    .chart-wrapper {
        margin:1rem 0;
    }
    #player4, #player5, #player6, #player7{
        height: unset;
    }
    .chart-slider path{
        fill: #fff;
    }
     .blog-wrapper{
        flex-wrap: wrap;
    }
    .blog-wrapper .blog-list{
        width: 100%;
        margin-top:2rem;
    }
   .blog-wrapper .blog-card {
        width: 100%;
    }
    .blog-wrapper .blog-list .sidebar{
        max-width: unset;
    }
    #view-more-btn.btn-theme-effect::after{
        left: 0%;
        width: 100%;
    }
    #view-more-btn{
        width: 17%;
    }
    #view-more-btn.btn-theme-effect.circle::after{
        border-radius: 0;
        padding: 12px 20px;
    }
    #view-more-btn.mt-10.circle.btn-theme-effect.btn-sm:hover{
        width: 44%;
    }
    .with-genai-head h3{
        font-size: 200%;
    }
    .with-genai-wrapper{
        flex-wrap: wrap;
    }
    .gen-ai-slider-head h2{
        font-size: 185%;
    }
    .slider-card {
        padding: 20px 6px;
    }
    span.word {
        font-size: 105%;
    }
    .gen-ai-slider-head h3 {
        font-size: 130%;
    }
    .roi h2{
        font-size: 185%;
    }
}

/* Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 820px) {
    nav.navbar.validnavs .navbar-toggle {
        padding: 14px 0;
    }
    .navbar-brand>img {
        /*height: 50px;*/
    }
    #video .contact-icon {
        padding: 10px 18px;
    }
    .about-style-six h3 {
    
        font-size: 155%;
    }
    a.navbar-brand {
        /*width: 80%;*/
    }
    
    nav.navbar.validnavs .navbar-collapse.collapse img {
        height: 70px;
    }
    
    footer .f-items .f-item .address.ipad-address li:nth-child(1) {
        display: none;
        
    }
    footer .f-items .f-item .address.ipad-address li:last-child{
        width: 100%;
    }
    .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px; /* Adjust as needed */
    height: 40px; /* Adjust as needed */
    padding: 8px;
    /*border: 2px dotted #000; */
    border-radius: 50%; /* Makes it circular */
    text-align: center;
    font-size: 20px; /* Adjust icon size */
    color: #fff; /* Icon color */
}
    
    footer .footer-logo {
        width: 88%;
    }
    
    .logo-wrapper{
        width: 100%;
    }
    
    footer .link ul {
        padding: 0;
    }
    .svg-inline--fa {
        height: 1em;
    }
    
    .contact-icon .svg-inline--fa {
        height: 1.5em;
    }
    
    .content .svg-inline--fa {
        height: 2em;
    }
    
    .svg-inline--fa path{
        fill:#fff;
    }
    
    a.btn.mt-10.circle.btn-theme-effect.btn-sm {
        width: 50%;
        /*padding: 14px 20px;*/
    }
    #view-more-btn{
        width: 28%;
    }
    .title-bold{
        font-size: 125%;
    }
    
    .gen-ai-slider-wrapper{
        flex-wrap: wrap;
    }
    
    .gen-ai-slider-card{
        margin-bottom: 20px;
    }
    
    .gen-ai-slider-card:nth-child(2){
        margin-right: 0;
    }
    
    .gen-ai-slider-wrapper{
        justify-content: center;
    }
    .roi-card {
        width: calc((100% - 20px) / 2);
        margin-top: 2rem;
    }
    .roi-card:nth-child(1), .roi-card:nth-child(2), .roi-card:nth-child(3){
         margin-top: 2rem;
    }
    .gen-ai-slider-card {
        width: calc((88% - 20px) / 2);
        margin-right: 20px;
    }
    .benefits h2 {
        font-size: 175%;
    }
    .benefits h3 {
    
        font-size: 135%;
    }
    .info h4 {
    
        font-size: 115%;
    }
    .choose-us-style-two h2 {
        font-size: 185%;
    }
    
    .breadcrumb-item .svg-inline--fa path {
        fill: #000;
    }
    
    .blog-single .blog-entry .entry-img .entry-meta .entry-category a{
        text-decoration: none;
    }
    
    .blog-single .blog-entry .entry-img .entry-meta .entry-author a{
        text-decoration: none;
    }
    
    .navbar-toggle .svg-inline--fa path{
        fill: #0d6efd;
    }
    
    .content .svg-inline--fa path{
        fill: #1e4b9b;
    }

	.breadcrumb-area .row::after {
		height: 600px;
		width: 600px;
	}

	.breadcrumb-area .row::before {
		height: 700px;
		width: 700px;
	}

  /* Banner */
	body, .banner-area, .banner-area div {
		height: auto;
	}

	.banner-area {
		overflow: inherit;
	}

	.banner-area .content,
  .banner-area .double-items {
		overflow: hidden;
		padding: 120px 0;
		text-align: center;
	}

	.banner-area.top-pad-80-desktop {
		padding-top: 0;
	}

	.banner-area .double-items {
		padding-top: 180px;
	}

	.banner-area.auto-height .content-box .thumb-inner img:nth-child(2) {
		top: auto;
		bottom: -50px;
		max-width: 300px;
	}

	.banner-area .double-items .thumb img {
		max-width: 100%;
		margin: 50px auto auto;
	}

	.banner-area .double-items .thumb.big-thumb img {
		max-width: 100%;
		margin: 50px auto auto;
	}

	.banner-area .button {
		justify-content: center;
	}

	.banner-area form {
		max-width: 80%;
		margin: 35px auto auto;
	}

	.banner-area.auto-height .content-box .thumb-inner {
		padding-right: 0;
	}

	.banner-area.auto-height .content-box .thumb-inner img:nth-child(2) {
		display: none;
	}

	.banner-area.top-pad-80 {
		margin-bottom: -50px;
	}

	.banner-area .thumb-inner .shape-circle {
		display: none;
	}

  /* About */
	.about-area .thumb {
		padding-right: 0;
		margin-left: 0;
	}

	.about-area .thumb img {
		width: 100%;
	}

	.about-area .thumb img:nth-child(2) {
		width: auto;
	}

	.about-area .about-items .info {
		padding-left: 15px;
		/*margin-top: 50px;*/
	}

    svg.svg-inline--fa.fa-play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 24px;
        border: 2px solid #fff;
        border-radius: 50%;
        padding: 12px;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        width: 34px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

	.about-area .about-items ul li:nth-child(2) {
		margin-left: 0;
	}

	.about-area .fixed-shape-left {
		display: none;
	}

	.about-area.inc-left-border {
		padding-bottom: 120px;
	}

	.about-area .about-content {
		text-align: center;
	}

	.about-area .about-content .thumbs {
		margin-bottom: 50px;
	}

	.about-area .about-content ul {
		justify-content: center;
	}

	.about-area .about-content ul::after {
		display: none;
	}

	.about-area .about-items .info.right-info {
		padding-left: 15px;
		padding-right: 15px;
		border-right: none;
		margin-top: 0;
	}

	.about-area .about-items .features-content {
		margin-top: 0;
		padding-left: 15px;
	}

	.about-style-three .thumb img:nth-child(2) {
		display: none;
	}

	.about-style-three .thumb img:first-child {
		max-width: 100%;
		float: none;
		margin-top: 0;
	}

	.about-style-three .info {
		margin-top: 40px;
	}

	.about-style-three .thumb {
		padding: 0;
		margin-bottom: 30px;
	}

	.get-app {
		margin: 0;
		max-width: 100%;
		display: block;
		text-align: center;
	}

	.get-app .btn {
		display: inline-block;
	}

	.app-user .content {
		justify-content: center;
		margin-left: 75px;
	}


  /* Choose Us area */

	.choose-us-area .thumb {
		margin-bottom: 50px;
		text-align: center;
	}

	.choose-us-area .thumb img {
		max-width: 100%;
		margin: 0;
	}


  /* Fun Factor */
	.fun-factor-area .fun-fact-items .item {
		padding-top: 50px;
	}

	.fun-factor-area .fun-fact-items .item:first-child,
  .fun-factor-area .fun-fact-items .item:nth-child(2) {
		padding-top: 0;
	}

	.fun-facts-area .item {
		margin-top: 50px;
	}

	.fun-facts-area .item-inner {
		margin-top: -50px;
	}

  /* Services Details */
	.services-details-items .services-sidebar {
		padding-left: 15px;
		margin-top: 50px;
	}


  /* Clients Area */
	.clients-area {
		text-align: center;
	}

	.clients-area .achivement {
		display: inline-block;
		margin-bottom: 20px;
	}

  /* Team Area */
	.team-single-area .team-content-top .right-info {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 0;
		padding-bottom: 120px;
		margin-top: 50px;
	}

	.team-single-area .right-info .social .share-link {
		display: none;
	}

	.team-single-area .team-content-top {
		bottom: 0;
		margin-top: 0;
	}

	.team-single-area .bottom-info .skill-items {
		padding-left: 0;
		margin-top: 40px;
	}

    /* Project */
	.project-details-area .top-info {
		margin-top: 30px;
	}

	.project-info {
		margin-top: 30px;
		margin-bottom: 10px;
	}

  /* Software Details  */

	.software-single-details-area .single-item {
		margin-bottom: 80px;
	}

	.software-single-details-area .thumb img:nth-child(2) {
		display: none;
	}

	.software-single-details-area .thumb {
		margin: 0 !important;
		margin-bottom: 30px !important;
	}

	.software-single-details-area .thumb::after {
		display: none;
	}

	.software-single-details-area .info {
		padding: 0 !important;
	}



  /* Features */

	.features-area {
		text-align: center;
	}

	.features-area .features-box .left-content {
		padding-right: 15px;
		margin-bottom: 50px;
	}

	.features-area .features-box .item {
		display: block;
	}

	.features-area .features-box .item .icon {
		margin-right: 0;
		margin-bottom: 25px;
	}

	.features-area .features-box .single-item .item-inner {
		float: left;
		width: 50%;
		padding: 0 15px;
		margin-bottom: 0;
	}

	.features-area .features-box .single-item {
		margin: 0 -15px;
	}

	.features-area .feature-box .single-item .item {
		box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 10%);
	}

  /* Software Features */
	.softar-features-area .features-box {
		margin-top: -50px;
	}

	.softar-features-area .single-item {
		margin-top: 50px;
	}

	.software-feature-area .features-list {
		padding-left: 50px;
		margin-top: 50px;
	}

	.software-feature-area .item i {
		left: -68px;
	}


  /* Overview */
	.overview-area .item .content h4 {
		justify-content: center;
	}

	.center-tabs .tab-content .info {
		padding-left: 15px;
		margin-top: 50px;
	}

	.overview-grid-area .single-item {
		margin-bottom: 50px;
	}

	.overview-grid-area .single-item .info {
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-top: 30px;
	}

  /* Process */
	.process-area .thumb {
		margin-bottom: 50px;
		text-align: center;
	}

	.process-area .thumb img {
		margin: auto;
		width: 80%;
	}

	.process-area .info {
		padding-left: 15px;
	}

 
  /* Blog */
	.blog-area.left-sidebar .blog-content {
		float: none;
	}

	.blog-area .thumb .date {
		left: 30px;
		right: auto;
	}

	.blog-area .item .info {
		padding: 30px;
		padding-top: 50px;
	}

	.blog-area .blog-thin-colums .thumb {
		margin-bottom: 30px;
	}

	.blog-area.left-sidebar .sidebar,
  .blog-area.right-sidebar .sidebar {
		margin-top: 50px;
	}

	.blog-area .blog-items .blog-thin-colums .item {
		padding: 0;
		border: none;
	}

	.blog-area.right-sidebar .sidebar {
		padding-left: 15px;
	}

	.blog-area.left-sidebar .sidebar {
		padding-right: 15px;
	}

	.blog-area .item .thumb img {
		width: 100%;
	}

  /* Contact Area */
	.contact-area .form-box {
		margin-top: 50px;
		margin-left: 0;
	}

	.contact-area .content li {
		display: flex;
		/*text-align: center;*/
	    padding: 30px 12px;
	}

	.contact-area .content li i {
		margin-bottom: 30px;
		font-size: 30px;
	}


  /* Footer */
	footer .f-items {
		padding-bottom: 70px;
	}

	footer .f-items .f-item.contact-widget::after {
		display: none;
	}

	footer .f-items .f-item.about {
		border-right: none;
		margin-right: 0;
	}

	footer .item {
		/*margin-bottom: 50px;*/
	}

	footer .footer-bottom {
		text-align: center;
	}

	.footer-bottom .link {
		text-align: center !important;
		margin-top: 10px;
	}

	footer .footer-bottom ul li {
		margin-left: 8px;
		margin-right: 8px;
	}
	.modal-content {
        width: 56% !important;
        padding: 20px 2rem;
    }
    #brochureForm{
        margin: 2rem auto;
    }
    .why-genai p{
        text-align: center;
    }
    .about-area .info h2{
        font-size: 185%;
    }
    .slider-text-wrapper {
        margin-right:2rem;
    }
    .slider-text-wrapper h2{
        font-size: 165%;
    }
    .slider-text-wrapper h4{
        font-size: 132%;
    }
    .slider-text-wrapper h5{
        font-size: 115%;
        max-width: 330px;
    }
    .choose-us-area-feature .info h2{
        font-size: 185%;
        margin-bottom:2rem;
    }
    .kf-card{
        width: calc((100% - 20px) / 2);
        margin-bottom:30px;
    }
    .kf-card:nth-child(2){
        margin-right:0;
    }
    .key-features{
        flex-wrap: wrap;
    }
    .usecases h2{
        font-size: 185%;
    }
    .usecase-wrapper{
        flex-wrap: wrap;
        /*justify-content: space-between;*/
    }
    .usecase-wrapper a{
        width: calc((100% - 40px) / 2);
        margin-bottom:20px;
    }
    .usecase-wrapper a:nth-child(4), .usecase-wrapper a:nth-child(6) {
        margin-right: 0;
    }
    .usecase-wrapper a:nth-child(2){
        margin-right: 0;
    }
    .usecase-card:nth-child(3), .usecase-card:nth-child(4){
        margin-bottom:0;
        margin-right: 20px;
    }
    .why-genai h4{
        font-size: 185%;
        margin-bottom: 7px;
    }
    .why-genai h3{
        font-size: 175%;
    }
    .desktop-chart{
        display: none;
    }
    .mob-chart-wrapper {
        display: flex;
        justify-content: space-between;
    }
    .chart-left{
        width: 45%;
    }
    .chart-right{
        width:45%;
    }
    .mob-chart-wrapper .owl-nav {
        display: flex;
        justify-content: center;
    }
        .chart-slider .owl-next, .chart-slider .owl-prev {
        background-color: #1d4b98;
        padding: 8px 14px;
        border-radius: 50%;
        margin-right: 1rem;
    }
    .chart-wrapper {
        margin:1rem 0;
    }
    #player4, #player5, #player6, #player7{
        height: unset;
    }
    .youtube-demo h5 {
        padding-bottom:0;
    }
    .blog-wrapper{
        flex-wrap: wrap;
    }
    .blog-wrapper .blog-list{
        width: 100%;
        margin-top:2rem;
    }
    .contact-area .content li a{
        font-size: 70%;
    }
    .info a{
        font-size: 73%;
    }
    .contact-area .content li h5 {
        font-size: 82%;
        margin-bottom: 5px;
    }
    .sitemap-list li a {
        font-size: 91%;
    }
    .privacy-policy h2 {
        font-size: 185%;
    }
    .banner-head{
        left: 12%;
    }
    .with-genai-head h3{
        font-size: 185%;
    }
    .with-genai-wrapper{
        flex-wrap: wrap;
    }
    .genai-card{
        width: calc((100% - 20px) / 2);
        margin-bottom:20px;
    }
    .genai-card:nth-child(2){
        margin-right: 0;
    }
    .gen-ai-slider-head h2{
        font-size: 185%;
    }
    .slider-card {
        padding: 20px 6px;
    }
    span.word {
        font-size: 105%;
    }
    .gen-ai-slider-head h3 {
        font-size: 130%;
    }
    .roi h2{
        font-size: 185%;
    }
     .table-container table {
        min-width: 600px;
        font-size: 14px;
      }
    
      .table-container th,
      .table-container td {
        padding: 10px;
      }
}

/* Mobile Layout: 320px. */
/*@media only screen and (max-width: 767px) {*/
@media (min-width: 320px) and (max-width: 767px) {
    .chat-button{
        width: 20%;
    }
     .table-container table {
        min-width: 600px;
        font-size: 14px;
      }
    
      .table-container th,
      .table-container td {
        padding: 10px;
      }
    nav.navbar.validnavs .navbar-collapse.collapse img {
        height: 65px;
    }
    .align-center p{
        text-align: center;
    }
    .contact-icon path{
        fill: #fff;
    }
    span.word {
        font-size: 105%;
    }
    .slider-card{
        width: 92%;
        margin: 0 auto;
    }
    .with-genai-head h3{
        font-size: 175%;
    }
    .gen-ai-slider-head h2{
        font-size: 175%;
    }
    .gen-ai-slider-head h3 {
        font-size: 120%;
    }
    .slider-card p{
        text-align: center;
    }
    .with-genai-wrapper{
        flex-wrap: wrap;
    }
    .genai-card{
        width: 100%;
        margin-right: 0;
        margin-bottom:20px;
    }
    #video .contact-icon {
        top: 73%;
        bottom: unset;
    }
    .contact-icon .svg-inline--fa {
        height: 1.5em;
    }
    .title-bold{
        font-size: 130%;
    }
    .roi h2{
        font-size: 175%;
    }
    .site-heading h4{
        display: block;
    }
    .roi-card-text{
        /*height:24vh;*/
        bottom:0;
    }
    .roi-card-text p{
        /*margin-bottom: 2rem;*/
    }
    .roi-card {
        width: 100%;
        margin-right: 0;
    }
    .roi-card-text{
        left: 0;
        max-width: unset;
    }
    .roi-card-img{
       text-align: center;
    }
    .why-genai h4{
	    font-size: 175%;
	}
	.why-genai h3{
	    font-size: 150%;
	}
	.why-genai .card-head h4 {
	    font-size: 18px;
	}
	.why-genai h5 {
	    font-size: 15px;
	}
	.chart-card-text {
	    padding:0 2px;
	}
    .benefits h2{
        font-size: 175%;
    }
    .gen-ai-slider-card {
        width: 80%;
        margin: 1rem auto;
    }
    .gen-ai-slider-card:nth-child(4){
        margin-right: auto;
    }
    .gen-ai-slider-wrapper{
        flex-wrap: wrap;
    }
    .chart-wrapper{
            margin: 1rem 0;
    }
    .chart-left {
        width: 45%;
        margin:1rem 20px 1rem 0;
    }
    .desktop-chart{
        display: none;
    }
    .mob-chart-wrapper{
        display: flex;
        justify-content: space-between;
    }
    .mob-chart-wrapper .owl-nav{
        display: flex;
        justify-content: center;
    }
    .chart-left{
        width: 45%;
    }
    .chart-slider .owl-prev{
        background-color: #1d4b98;
        padding: 8px 12px;
        border-radius: 50%;
        margin-right: 1rem;
    }
    .chart-slider .owl-next, .chart-slider .owl-prev{
        background-color: #1d4b98;
        padding: 8px 12px;
        border-radius: 50%;
        margin-right: 1rem;
    }
    .chart-slider .owl-prev path, .chart-slider .owl-next path {
        fill: #fff;
    }
    .chart-right{
        width: 45%;
    }
    .chart-wrapper .chart-card{
        width: 45%;
        margin: 0 auto;
    }
    .entry-more .btn {
        padding: 10px 11px 10px 11px;
    }
    .footer-bottom .override-text{
        text-align: center !important;
    }
    .footer-bottom .override-text ul{
        padding: 0;
    }
    footer .f-items .f-item .address.ipad-address {
        height: 38px;
    }
    .head-logo {
        width: 15%;
    }
    .navbar-header path{
        fill: #1d4b98;
    }
    .chat-window {
        width: 100%;
        height: 83%;
    }
    .chat-window .close {
        width: 50px;
        height: 50px;    
    }
    .mfp-iframe-holder .mfp-close {
        top: -50px;
    }
    .content .svg-inline--fa {
        height: 2em;
    }

	.default-padding {
		padding-top: 50px;
		padding-bottom: 3rem;
	}

	.default-padding.bottom-less {
		padding-bottom: 20px;
		padding-top: 50px;
	}

	.default-padding-bottom {
		padding-bottom: 50px;
	}

	.default-padding-top {
		padding-top: 50px;
	}

	.site-heading {
		/*margin-bottom: 40px;*/
		/*padding-top: 40px;*/
	}

	.site-heading h2 {
		font-size: 24px;
	}

	.breadcrumb-area h1 {
		font-size: 200%;
	}
	
	.slider-text-wrapper h2{
	    font-size: 175%;
	}
	
	.slider-text-wrapper h4{
	    font-size: 130%;
	}
	
	.slider-text-wrapper h5{
	    font-size: 112%;
	}

	.owl-carousel.owl-theme .owl-nav {
		display: none;
	}
	
	.usecases h2{
	    font-size: 175%;
	}
	
	.usecase-wrapper{
	    flex-wrap: wrap;
	}
	.usecase-wrapper a{
	    width: 100%;
	    margin-bottom: 20px;
	    margin-right:0;
	}
	.usecase-wrapper a:last-child{
	    margin-bottom: 0;
	}
	.usecase-card:nth-child(4){
	    margin-bottom: 0;
	}

	.breadcrumb-area {
		/* padding: 80px 0; */
		position: relative;
		/*margin-bottom: 20px;*/
	}

	.breadcrumb-area .breadcrumb {
		background: transparent;
		position: inherit;
		left: 0;
		bottom: 0;
		right:0;
		transform: inherit;
		box-shadow: inherit;
	}

	.breadcrumb-area .breadcrumb a, 
  .breadcrumb-area .breadcrumb li {
		color: #ffffff;
	}

	.breadcrumb-area .breadcrumb li.active {
		color: #cccccc;
	}

	.breadcrumb-area .row::after,
  .breadcrumb-area .row::before {
		display: none;
	}
	
	.key-features{
	    flex-wrap: wrap;
	}
	.kf-card{
	    width: 100%;
	    margin-right: 0;
	    margin-bottom:20px;
	}

    svg.svg-inline--fa.fa-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 12px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    }
  /* Topbar */
	nav.navbar .quote-btn {
		display: none;
	}

	.attr-nav {
		display: none;
	}

	.navbar.navbar-fixed.transparent .attr-nav > ul > li.contact,
  .navbar .attr-nav.button {
		display: none;
	}

	.side {
		padding: 50px 50px 50px 35px;
		width: 320px;
	}

	.shape-left-bottom {
		bottom: inherit;
		top: 0;
	}

	.heading-left {
		margin-bottom: 30px;
	}

	.heading-left h2 {
		margin-bottom: 25px;
	}
	
	.blog-wrapper{
	    flex-wrap: wrap;
	}
	
	.blog-card {
        width: 100%;
    }
    .blog-list{
        width: 100%;
        margin-left: 0;
    }
    
    .blog-list {
        width: 100%;
        margin-left: 10px;
    }
    .widget{
        padding: 30px 14px 30px;
    }

  /* Banner Area */
	body, .banner-area, .banner-area div {
		height: auto;
	}

	.banner-area .content,
  .banner-area .double-items {
		overflow: hidden;
		padding: 50px 0;
	}

	.banner-area.top-pad-80-desktop {
		padding-top: 0;
	}

	.banner-area {
		text-align: center;
		opacity: inherit;
	}

	.banner-area p {
		padding: 0 !important;
	}

	.banner-area .content-box h2,
  .banner-area h2 {
		font-size: 36px;
	}

	.banner-area.top-pad-80 .content-box {
		padding-top: 60px;
	}

	.banner-area.auto-height .content-box .thumb-inner img:nth-child(2) {
		display: none;
	}

	.banner-area.auto-height .content-box .thumb-inner {
		padding-right: 0;
		text-align: center;
		margin-bottom: -10px;
		margin-top: 50px;
		padding: 0;
	}

	.banner-area .double-items {
		padding-top: 150px;
	}

	.banner-area .double-items .thumb img {
		max-width: 80%;
		margin: 50px auto auto;
	}

	.banner-area .button {
		justify-content: center;
	}

	.banner-area form {
		max-width: 90%;
		margin: 35px auto auto;
	}

	.banner-area.bg-half-dark::after {
		height: 150px;
	}

	.banner-area.top-pad-80 {
		padding-bottom: 60px;
		margin-bottom: -50px;
	}

	.banner-area.banner-style-three {
		background-position: center;
	}

	.banner-area .thumb-inner .shape-circle {
		display: none;
	}

  /* About */

	.about-area .thumb {
		padding-right: 0;
		margin-bottom: 30px;
		margin-left: 0;
	}

	.about-area .thumb img:nth-child(2) {
		display: none;
	}

	.about-area .about-items .info {
		padding-left: 15px;
	}

	.about-area .about-items .info .button a {
		margin-bottom: 12px;
	}

	.about-area .about-items ul li:nth-child(2) {
		margin-left: 0;
	}

	.about-area .fixed-shape-left {
		display: none;
	}

	.about-area .about-content {
		text-align: center;
	}

	.about-area .about-content .thumbs {
		margin-bottom: 30px;
	}

	.about-area .about-content .thumbs img {
		max-width: 80%;
		margin: auto;
	}

	.about-area .about-content .info {
		padding-left: 15px;
		margin-top: 30px;
	}

	.about-area .about-content ul::after {
		display: none;
	}

	.about-area .about-content ul {
		margin-top: 0;
		justify-content: center;
	}

	.about-area.inc-left-border {
		padding-bottom: 50px;
	}

	.about-area .about-items .info.right-info {
		padding-left: 15px;
		padding-right: 15px;
		border-right: none;
		margin-top: 0;
	}

	.about-area .about-items .features-content {
		margin-top: 0;
		padding-left: 15px;
		text-align: center;
	}

	.about-style-three .thumb img:nth-child(2) {
		display: none;
	}

	.about-style-three .thumb img:first-child {
		max-width: 100%;
		float: none;
		margin-top: 0;
	}

	.about-style-three .info {
		margin-top: 40px;
	}

	.about-style-three .thumb {
		padding: 0;
		margin-bottom: 30px;
	}

	.get-app {
		margin: 0;
		max-width: 100%;
	}

	.get-app .btn {
		display: inline-block;
	}

	.team-area .fixed-shape {
		display: none;
	}

	.team-area .team-items .info {
		text-align: center;
	}

	.team-single-area .team-content-top .right-info {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 0;
		padding-bottom: 50px;
		margin-top: 30px;
	}

	.team-single-area .right-info .social .share-link {
		display: none;
	}

	.team-single-area .team-content-top {
		bottom: 0;
		margin-top: 0;
	}

	.team-single-area .bottom-info .skill-items {
		padding-left: 0;
		margin-top: 30px;
	}

  /* Choose Us area */

	.choose-us-area.padding-bottom-extra {
		padding-bottom: 140px;
	}

	.choose-us-area .thumb {
		margin-bottom: 30px;
	}

	.choose-us-area .thumb::after,
  .choose-us-area .thumb::before {
		display: none;
	}

	.choose-us-area .info {
		padding-left: 15px;
	}

	.choose-us-area .info ul li {
		width: 100%;
	}

	.choose-us-area .thumb img {
		max-width: 100%;
		margin: 0;
	}

  /* Software Details  */
	.software-single-details-area {
		text-align: center;
	}

	.software-single-details-area .single-item {
		margin-bottom: 50px;
	}

	.software-single-details-area .thumb img:nth-child(2) {
		display: none;
	}

	.software-single-details-area .thumb {
		margin: 0 !important;
		margin-bottom: 30px !important;
	}

	.software-single-details-area .thumb::after {
		display: none;
	}

	.software-single-details-area .info {
		padding: 0 !important;
	}

	.software-single-details-area .info ul {
		margin: 0;
		margin-top: 30px;
	}

	.software-single-details-area .info ul li {
		float: none;
		width: 100%;
		margin-top: 30px;
	}

	.software-single-details-area .info ul li:first-child {
		margin-top: 0;
	}

  /* Services Details */
	.services-details-items .services-sidebar {
		padding-left: 15px;
		margin-top: 50px;
	}

	.services-details-area .features .col-lg-6:first-child {
		margin-top: 0;
	}

	.services-details-area .features .col-lg-6 {
		display: block;
		margin-top: 30px;
	}


  /* Fun Factor */
	.fun-factor-area .fun-fact-items {
		padding: 50px 0;
	}

	.fun-factor-area .fun-fact-items .item {
		border-right: none;
		margin-bottom: 50px;
	}

	.fun-factor-area .fun-fact-items .item:last-child {
		margin-bottom: 0;
	}

	.fun-facts-area .shape {
		display: none;
	}

	.fun-facts-area .item {
		margin-top: 40px;
	}

	.fun-facts-area .item:first-child {
		margin-top: 0;
	}

  /* Clients */
	.clients-area {
		text-align: center;
	}

	ul.achivement li {
		display: block;
		margin-right: 0;
		border-right: none;
		padding-right: 0;
		float: none;
		margin-bottom: 20px;
		border-bottom: 1px solid #e7e7e7;
		padding-bottom: 20px;
	}

	ul.achivement li .counter {
		justify-content: center;
	}

	ul.achivement li .medium {
		text-align: center;
		float: none;
	}

	.clients-area .right-info {
		margin-top: 30px;
	}

	.clients-area .partner-carousel, 
  .clients-area .clients-carousel {
		margin-top: 30px;
	}

	.clients-area .partner-carousel::after {
		opacity: 0.3;
		display: none;
	}

	.partner-carousel {
		padding: 0 30px;
	}

	.trial-box {
		padding: 50px 30px;
	}

	.clients-style-one-box h3 {
		line-height: 2;
	}

  /* Features */

	.features-area {
		text-align: center;
	}

	.features-area .features-box .left-content {
		padding-right: 15px;
		margin-bottom: 30px;
	}

	.features-area .features-box .item {
		display: block;
	}

	.features-area .features-box .item .icon {
		margin-right: 0;
		margin-bottom: 25px;
	}

	.advanced-features-area .af-items .item {
		text-align: center;
	}

	.our-features-area .feature-items .single-item .item {
		text-align: center;
	}


  /* Feature Version Two */
	.our-features-area {
		padding-bottom: 0;
	}

	.features-area .feature-box .single-item .item {
		box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 10%);
	}

	.features-area .feature-box {
		padding-bottom: 20px;
	}

  /* Features Three */
	.softar-features-area .single-item .item {
		text-align: center;
		padding: 0;
	}

	.softar-features-area .single-item {
		margin-top: 50px;
	}

	.softar-features-area .single-item:first-child {
		margin-top: 0;
	}

	.softar-features-area .features-box {
		margin: 0;
	}

	.software-feature-area {
		text-align: center;
	}

	.software-feature-area {
		text-align: center;
	}

	.software-feature-area .left-info {
		padding-right: 12px;
	}

	.software-feature-area .features-list {
		border: none;
		padding: 0;
		margin-top: 50px;
	}

	.software-feature-area .item {
		display: block;
	}

	.software-feature-area .item .icon img {
		margin-right: 0;
		margin-bottom: 30px;
	}

	.software-feature-area .item i {
		display: none;
	}

  /* Newsletter Subscribe */

	.subscribe-area .subscribe-items {
		padding: 80px 30px;
		border-radius: 10px;
	}


  /* Overview */
	.overview-area::after {
		height: 200px;
	}

	.overview-area .item .content h4 {
		justify-content: center;
	}

	.overview-grid-area .single-item {
		margin-bottom: 50px;
	}

	.overview-grid-area .single-item .info {
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-top: 30px;
	}

	.overview-area .item .content {
		margin-left: 0;
	}


  /* Tab Overview */

	.center-tabs .tab-content .info {
		padding-left: 15px;
		margin-top: 30px;
	}

	.center-tabs .nav-tabs {
		border: none;
		margin-bottom: 30px !important;
	}

	.center-tabs .nav-tabs li {
		display: block;
	}

	.center-tabs .nav-tabs li a {
		border: 1px solid #e7e7e7 !important;
		margin-bottom: 15px;
		padding: 15px;
		font-size: 16px;
	}

	.center-tabs .nav-tabs li a.active {
		border: 1px solid #5138ee !important;
	}

	.center-tabs .nav-tabs li a.active::before,
.center-tabs .nav-tabs li a.active::after {
		display: none;
	}


  /* Step */
	.process-area .thumb {
		margin-bottom: 30px;
	}

	.process-area .thumb img {
		max-width: 100%;
		margin-left: 0;
	}

	.process-area .info {
		padding-left: 15px;
		text-align: center;
	}

	.process-area .info li {
		display: block;
	}

	.process-area .info li i {
		margin-right: 0;
		padding-bottom: 25px;
	}

	.process-area .info li::after {
		display: none;
	}

	.process-area .info li h4 span {
		display: none;
	}

	.process-area .info li h4 span::after {
		display: none;
	}


  /* Portfolio */

	.gallery-items.colums-2 .pf-item,
  .gallery-items.colums-3 .pf-item,
  .gallery-items.colums-4 .pf-item {
		width: 100%;
	}

	.project-details-area .top-info {
		margin-top: 30px;
	}

	.project-info {
		margin-top: 30px;
		margin-bottom: 10px;
	}

  /* Blog */
	.blog-area .blog-thin-colums .thumb {
		margin-bottom: 30px;
	}

	.blog-area .thumb .date {
		left: 30px;
		right: auto;
	}

	.blog-area .item .info {
		padding: 30px;
		padding-top: 50px;
	}

	.blog-area .blog-items .footer-meta ul {
		border-top: none;
		padding-top: 0;
	}

	.blog-area .blog-items .footer-meta ul li:first-child {
		display: none;
	}

	.blog-area .pagi-area .pagination {
		display: block;
	}

	.blog-area .pagi-area .pagination li {
		display: inline-block;
		margin-top: 5px;
	}

	.blog-area .blog-content .post-tags,
  .blog-area .blog-content .share {
		display: block;
		text-align: center;
		padding: 20px 0;
		padding-bottom: 15px;
	}

	.blog-area .blog-content .share .social {
		margin-top: 10px;
	}

	.blog-area.left-sidebar .blog-content {
		float: none;
	}

	.blog-area .sidebar .sidebar-item.add-banner .sidebar-info {
		padding: 50px 30px;
	}

	.blog-area.left-sidebar .sidebar,
  .blog-area.right-sidebar .sidebar {
		margin-top: 50px;
		overflow: hidden;
	}

	.blog-area.right-sidebar .sidebar {
		padding-left: 15px;
	}

	.blog-area.left-sidebar .sidebar {
		padding-right: 15px;
	}

	.blog-area.single .post-pagi-area {
		text-align: center;
	}

	.blog-area.single .post-pagi-area a {
		margin: 5px;
	}

	.blog-area.single .post-pagi-area a:last-child {
		float: none;
	}

	.comments-list .commen-item.reply {
		margin-left: 0;
	}

	.comments-list .commen-item .content,
  .comments-list .commen-item .avatar {
		display: block;
		text-align: center;
	}

	.comments-list .commen-item .content {
		width: 100%;
		margin-top: 30px;
	}

	.comments-list .commen-item .content h3,
  .comments-list .commen-item .content h4,
  .comments-list .commen-item .content h5 {
		display: block;
	}

	.comments-form .form-group {
		margin-bottom: 15px;
	}

	.comments-list .commen-item .content .reply {
		margin-top: 15px;
	}

	.blog-area .comments-area {
		text-align: center;
	}

	.comments-list .commen-item .content::after {
		position: absolute;
		left: 50%;
		top: -30px;
		content: "";
		border-bottom: 15px solid #edf5ff;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
		margin-left: -15px;
	}

	.comments-list .commen-item .avatar {
		float: none;
		height: 80px;
		width: 80px;
		margin: auto;
	}

	.comments-list .commen-item .content .title {
		display: block;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.comments-list .commen-item .content .title span {
		margin: 0;
		padding: 0;
		border: none;
		display: block;
		margin-top: 15px;
	}

	.comments-list .commen-item {
		margin-bottom: 50px;
		display: block;
	}

	.blog-area .contact-comments .comments {
		margin: 0;
	}

	.comments-list .commen-item:last-child {
		margin-bottom: 0;
		border: none;
	}

	.blog-area .comments-form {
		margin-top: 50px;
	}

	.comments-info a {
		position: inherit;
	}

	.comments-list .commen-item .content p {
		margin-bottom: 15px;
	}


  /* Contact Area */


	.contact-area .form-box {
		margin-top: 35px;
		margin-left: 0;
	}

	.contact-area .content li {
		display: block;
		text-align: center;
	}

	.contact-area .content li i {
		margin-bottom: 30px;
	}

  /* Footer */
	footer .f-items {
		padding-bottom: 0;
	}

	footer .f-items .f-item.contact-widget::after {
		display: none;
	}

	footer .f-items .f-item.about {
		border-right: none;
		margin-right: 0;
		padding-right: 0;
	}

	footer .item {
		margin-bottom: 10px;
	}

	footer .footer-bottom {
		text-align: center;
	}

	.footer-bottom .link {
		text-align: center !important;
		margin-top: 10px;
	}

	footer .footer-bottom ul li {
		margin-left: 8px;
		margin-right: 8px;
	}
}

/* Max Wide Mobile Layout: 600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {

  /* Portfolio */
	.gallery-items.colums-2 .pf-item,
  .gallery-items.colums-3 .pf-item {
		width: 50%;
	}
}

/* Max Wide Mobile Layout: 600px. */
@media only screen and (min-width: 600px) and (max-width: 1200px) {

	/* Portfolio */
	.gallery-items.colums-4 .pf-item {
		  width: 50%;
	  }
	  .breadcrumb-area h1 {
		font-size: 32px;
	}
	h4 {
		font-size: 18px;
	}
	.fun-factor-area .fun-fact .timer {
		font-size: 32px;
	}
	.site-heading h2{
		font-size: 32px;
	}
	.default-padding.bottom-less{
		padding-top: 60px;
		padding-bottom:40px;
	}
  }



/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {


	.side {
		padding: 50px;
		width: 400px;
	}

	.attr-nav {
		display: inline-block;
	}

  /* Clients */
	.clients-area .achivement {
		display: inline-block;
	}

	ul.achivement li {
		display: inline-block;
		margin-right: 40px;
		margin-bottom: 0;
		padding-bottom: 0;
		border-right: 1px solid #cccccc;
		border-bottom: none;
		padding-right: 40px;
		float: left;
	}

  /* Process */
	.process-area .info li p {
		padding: 0 15%;
	}

  /* Blog */

	.blog-area .comments-area {
		text-align: left;
	}

	.comments-list .commen-item {
		display: flex;
	}

	.comments-list .commen-item .content {
		width: auto;
		margin-top: 0;
		margin-left: 15px;
		text-align: left;
	}

	.comments-list .commen-item .avatar {
		float: none;
		height: 80px;
		width: 80px;
		margin: inherit;
		text-align: left;
	}

	.comments-list .commen-item .content .title {
		margin-top: 0;
	}

	.comments-list .commen-item .content {
		padding-left: 25px;
	}

	.comments-list .commen-item .content .title {
		margin-top: 0;
	}

	.comments-list .commen-item .content h3,
  .comments-list .commen-item .content h4,
  .comments-list .commen-item .content h5 {
		display: flex;
	}

	.comments-list .commen-item .content .reply {
		margin-top: 0;
	}

	.comments-list .commen-item .content::after {
		position: absolute;
		left: -14px;
		top: 30px;
		content: "";
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		border-right: 15px solid #edf5ff;
	}

	.blog-area.single .post-pagi-area {
		text-align: inherit;
	}

	.blog-area.single .post-pagi-area a:last-child {
		float: right;
	}
}

@media screen and (max-width: 991px) {

  /* global reset - start */
	.order-last {
		order: 0;
	}
}

/* Custom layout. */
@media only screen and (max-width: 400px) {
}

/* Custom Layout */
@media only screen and (max-width: 480px) {

	.subscribe-area .subscribe-items {
		padding: 80px 15px;
	}

	.subscribe-area form button {
		position: inherit;
		right: 0;
		top: 0;
		height: 60px;
		background: #5138ee;
		color: #ffffff;
		width: 100%;
		margin-top: 15px;
	}

	.subscribe-area form input {
		text-align: center;
		padding: 15px;
	}

	.banner-area .button {
		display: block;
	}

	.banner-area .button .video-btn {
		margin-left: 5px;
	}

	.about-area .about-content ul {
		display: block;
	}

	.about-area .about-content ul li {
		border-right: none;
		margin-right: 0;
		padding-right: 0;
		display: block;
		text-align: center;
		margin-bottom: 30px;
	}

	.about-area .about-content ul li i {
		margin-right: 0;
		margin-bottom: 20px;
	}
	#video{
		height:auto;
	}
	.sitemap-list li a {
	    font-size: 86%;
	}
	.privacy-policy h2 {
	    font-size: 175%;
	}
	.privacy-policy h5 {
	    font-size: 150%;
	}
}

@media (max-width: 450px) {
	.error-page-area .error-box h1 {
		font-size: 150px;
		letter-spacing: 0;
		line-height: 120px;
	}
	#video{
		height:auto;
	}
}