@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:1320px;}
  .header .main-content .main-nav {gap: 40px;}
}

@media only screen and (max-width: 1440px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width:1320px;}
}
@media only screen and (max-width: 1366px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width:1320px;padding:0 40px;}
}
@media screen and (max-width: 1280px) {
  .webproducts .ribbon{top: -11px;left: -11px;}
  .webproducts2 .ribbon2{top: -70px;right: -11px;}
  .ourprojects .ribbon{top: -72px;left: -11px;}
  .ourprojects .ribbon2{top: -84px;right: -11px;}
  .laravel-custom {min-height: 550px !important;}
  .object-development .card-ai{min-height: 220px;}
  .api-services{height: 250px;}
  .node-details{min-height: auto;}
  .node-custom{min-height: 449px;}
  .crypto-payment{height: 375px;}
  .header .main-content .main-nav {gap: 25px;}
  .phone-mockup img{height: auto;width: 100%;}
  .phone-mockup{height: auto;}

  .our_process .process-box .process-step{min-width:200px;}

  .testimonial_section .testimonial-card{width:330px;}
  .testimonial_section .testimonial-card .person-role-wrapper{padding:20px 40px;}
  .testimonial_section .testimonial-card .person-role-wrapper .person-role{font-size: 16px;}
  .play-button-box{top:-65%;width:70px;height:70px;}
  .play-button{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;}
  .play-button i{font-size:18px;margin: 0;}

  .tstm-section .tstm-card-wrapper .tstm-card .tstm-text {font-size:18px;line-height:1.2;margin-bottom:20px;}

  .expertise-section .service-card{min-height:400px;}
  .expertise-section .service-card.minHeight{min-height:400px;}
  .expertise-section .service-card .service_bot h4{font-size:28px;}

  .experiences .counter_num,
  .experiences .counter_num .suffix{font-size:62px;}
  .experiences .counter_label{font-size:20px;}

  .footer_form h3{font-size:28px;}
}

@media screen and (max-width: 1199px) {
    .webproducts .ribbon{top: -47px;left: -11px;}
    .webproducts2 .ribbon2{top: -126px;right: -11px;}
    .ourprojects .ribbon{top: -147px;left: -11px;}
    .ourprojects .ribbon2{top: -160px;right: -11px;}
    .project-pro{display: flex;flex-direction: column;}
    .full-container{min-height: 250px;}
    .ainutrify-project, .aichat-project{min-height: 571px;}
    .card-ai{min-height: 230px;}
    .api-services{height: 270px;}
    .other-logo, .widely-logo{max-width: 48%;}
    .top-logo, .host-logo{flex-wrap: wrap;}
    .other-logo, .widely-logo {max-width: 48%;}
    .node-details{min-height: 572px;}
    .php-details{min-height: 596px;}
    .crypto-payment{height: 450px;}
    .slider_img::after{width:35%;}

    .other-logo, .widely-logo{max-width:max-content;}
    .other-logo img,.widely-logo img{width: auto;}
}

@media screen and (max-width: 991px) {
    h1{font-size:32px;}
    .container{padding:0 20px;}
    .header .main_head .hamburger{display: block;}
    .header .main_head ul.main-nav{display: none;}
    .list-other ul{display: flex;flex-wrap: wrap;}
    .list-other h3{padding-top: 30px;}
    .list-other ul li a{background-color: #eee; width: max-content;margin-right: 10px;}
    .ourprojects .chatdocx{width: 100%; height: 70%; background: linear-gradient(180deg, #BACCE9 -0.38%, #BDDDEC 33.06%, #BFE6EE 49.77%, #E6F2F2 66.49%);}
    .ourprojects .nutrify{width: 100%; height: 70%; background: linear-gradient(80.65deg, #F6FBF6 -0.38%, #EBF5EB 33.06%, #E6F1E6 49.77%, #E1EEE0 66.49%);}
    .ourprojects{text-align: left;}
    .mainservices.ourwork h2{ font-size: 28px;}
    .webproducts .ribbon{top: -11px;left: -11px;}
    .webproducts2 .ribbon2{top: -11px;right: -11px;}
    .ourprojects .ribbon{top: -11px;left: -11px;}
    .ourprojects .ribbon2{top: -11px;right: -11px;}
    .other-services ul {display: flex;flex-direction: row;flex-wrap: wrap;}
    .full-container{min-height: 300px;}
    .contact-form{padding-left: 20px;padding-right: 20px;}
    .wp-theme{height: 380px;}
    .cumulative-app{margin-bottom: 20px;}
    .ainutrify-project, .aichat-project{min-height: auto;}
    .object-development .card-ai{min-height: 280px;}
    .other-data{margin-bottom: 30px;}
    .api-services{height: 240px;}
    .other-services ul li {margin-right: 20px;background-color: #eee;padding: 0;}
    .laravel-container{min-height: 350px;}
    .laravel-details{min-height: 550px;}
    .laravel-custom{min-height: 577px;}
    .node-details{min-height: auto;}
    .node-custom{min-height: 500px;}
    .php-details{min-height: 548px;}
    .website-content{height:200px;}
    .payment-gateway {height:320px;}
    .crypto-payment{height: 400px;}
    .main-heading {font-size: 38px;}
    .footer .main-footer .content .row {display: flex;flex-wrap: wrap;}
    .footer .main-footer .content {padding: 0px 10px 0px 10px;}
    .fade-slider .slide {flex-direction: column-reverse;align-items: center; text-align: center;}
    .slide-text {width: 100%;padding: 20px;}
    .slide img {width: 100%;max-width: 100%;height: auto;display: block;}
    .fade-slider .slide {flex-direction: column-reverse;align-items: center; text-align: center;}.slide-text {width: 100%;padding: 20px;  }
    .slide img {width: 100%;max-width: 100%;height: auto;display: block;}
    .custom-slide-two .slide-inner {flex-direction: column;text-align: center;}
    .slide-right {padding: 15px;}
    .slider_img::after{width:30%;}
    .slider_img::after{width:30%;}
    .slider_img::after{width:30%;}
    .slider_img::after{width:30%;}

    .slider-wrapper .hero_banner .slide{flex-direction:column-reverse;padding:20px 0 0 0;}
    .slider-wrapper .hero_banner .slide .slide-text{text-align:center;padding:0 0 40px;}
    .slider-wrapper .hero_banner .slide .slide-text h2{font-size:30px;}
    .slider-wrapper .hero_banner .slide-text p{font-size:18px;}

    .showcase_projects .headtitle{font-size: 32px;}
    .showcase_projects .projects .custom-slide-two .slide-inner{flex-direction:column;}
    .showcase_projects .projects .custom-slide-two.decorated-slide .slide-left img{height:200px;width:auto;}

    .testimonial_section .headtitle{font-size: 32px;}

    .expertise-section .headtitle{font-size: 32px;}
    .expertise-section .service-card,
    .expertise-section .service-card.minHeight{min-height:auto;}

    .why_us .why_us_content .listing{max-width:100%;}
    .why_us .tech_used{margin-top: 20px;}
    .why_us .tech_used h5.title{margin-bottom: 20px; text-align: center;}
    .why_us .technology_part{margin: 0;}

    .our_process .headtitle{font-size: 32px;}
    .our_process .process-box .process-step{min-width:100%;}

    .trusted_clients .headtitle,
    .experiences .headtitle{font-size: 32px;}

    .footer_form .quote_box{margin-top: 40px;}

    .mainservices .headtitle,
    .about_section .headtitle,
    .how_work .headtitle,
    .mainservices h2{font-size:32px;}

    .about_section .headtitle{margin-bottom:50px;}

    .how_work .step_box .step_status{flex:0 0 0;}
    .how_work .step_box .step_status .step_count{flex-wrap:wrap;}

    .how_work .step_box .step_content img.step_image{flex:0 0 40%;}
    .how_work .step_box .step_content .content_wrapper{  flex: 1;}
    .how_work p{font-size: 23px;line-height: 35px;}
    .php-p {width:100%;}
    .api-services h2{font-size:24px;}
    .fuct{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;}
    .fuct h5{font-size:20px;}
    .ci-cd{height:364px;}
    .ci-cd h2{font-size:22px;}
    .app-data{height:690px;}
    .maintain img, .maintain2 img{width:30px;}
    .website-content p{font-size:16px;line-height:1.4;}
    .service-include{height:220px;}
    .service-include p{font-size:16px;line-height:1.4;}
}

@media screen and (max-width: 768px) {
   .laravel-custom {min-height: auto !important;}
  .ourwork-details p{display: block;}
  .ourwork, .php-development, .wp-service{text-align: left;}
  .ourwork-details{padding: 20px;}
  .webproducts .ribbon{top: -11px;left: -11px;}
  .webproducts2 .ribbon2{top: -11px;right: -11px;}
  .projectimg .ribbon2{top: -11px;right: -11px;}
  .why-php{padding-left: 10px;padding-right: 10px;}
  .php-development .php-img img{max-width: 100%;}
  .chatdocx-assistant{overflow: unset;height: 100%;gap: 10px;}
  .custom {min-height: 500px;}
  .custom2 {min-height: 500px;}
  .other-services ul {display: flex; }
  .other-services ul li{margin-right: 20px;background-color: #eee;padding: 0;margin-bottom: 20px;}
  .transflo-details, .bmi-details {min-height: 560px;}
  .contact-form{min-height: 710px;padding-left: 20px;padding-right: 20px;}
  .form{padding: 0% 0% !important;}
  .wp-theme{height: 360px;}
  .wp-theme h2{font-size: 22px;}
  .wp-number h2{font-size: 100px;}
  .logistic-project, .staffing-project{min-height: 600px;}
  .whychoose-img img{width: 365px;height: 365px;}
  .development ul li span {font-size: 16px;}
  .project-show .card .image-box img{width: 10%; margin: auto;margin-right: 20px;}
  .ios-1, .ios-2{min-height: 440px;}
  .text-editor{width: 50%;}
  .ainutrify-project, .aichat-project{min-height: auto;}
  .api-services{height: 300px;}
  .fuct{display: block;}
  .fuct p{margin-bottom: 20px;}
  .fuct h5 {text-align: left;font-size: 18px;}
  .laravel-details{min-height: 555px;}
  .laravel-custom{min-height: 520px;}
  .app-data{height: auto;}
  .crypto-payment{height: 390px;}
  .main-heading {font-size: 32px;text-align: center;}
  .content-text {margin-top: 30px;}
  .testimonial_section {padding: 30px 30px;}
  .testimonial-row {flex-direction: column;align-items: center;}
  .testimonial-card {max-width: 100%;}
  .quote-text {font-size: 1rem;padding: 0 0.5rem;}
  /* .quote-icon {font-size: 2rem;} */
  .left-quote { margin-right: 5px;}
  .right-quote {margin-left: 5px;}
  .fade-slider .slide {flex-direction: column; text-align: center; }
  .slide-text { padding: 10px;  }
  .slide img {margin: 20px auto 0; }
  .arrow-container { display: none;  }
  .custom-arrow-two {padding: 8px 14px;font-size: 18px;}
  .custom-slide-two {padding: 20px 30px;}
  .custom-slider-two {padding: 0 30px 60px;}

  .our_process .process-box{padding:20px 20px;}
  .icon-circle {display: flex;justify-content: center;align-items: center;padding:14px 14px;width: auto;height: auto;}
  .icon-circle img {width:34px;height: auto;}
  .step-content {text-align: center;padding: 0 10px;}
  .step-content p {font-size: 0.9rem;margin: 0;}
  .slider-wrapper .fade-slider .slide .slide-text {padding: 0;}
  .badge-group {flex-direction: column;align-items: center; font-size: 25px;}
  .user_side{padding: 0px 20px;}
  .more_screens .laptop {margin-bottom: 20px;}
  .hero_section .hero_img {display: flex;flex-direction: column;align-items: center; justify-content: flex-start;text-align: center;}
  .hero_section .hero_img .banner-img {width: 100%;height: 167px;object-position: top right;object-fit: cover;max-width: 100%;padding: 0px 20px; }
  .hero_section .hero_img .ai-model-img {position: relative !important;  top: auto !important;left: auto !important;transform: none !important;width: auto; max-width: 100%;height: auto;display: block;margin: 20px auto 0; }
  .user_img img{margin-top: 15px;}
  .hero_section .more_screens .custom-modal #prevBtn { left: -40px; }
  .hero_section .more_screens .custom-modal #nextBtn { right: -40px; }
  .hero_section .hero_img .ai-model-img {top: 10%;left: 50%;transform: translateX(-50%);width: 60%;}
  .transform{padding: 10px 10px;}
  .phone_mockup img{width: 100%;height: auto;}
  .slider_img::after{width:50%;}
  .our_process .process-box .process-step{border-bottom:1px solid var(--main_color);border-right:0px;}

  .how_work h2{font-size:22px;}
  .how_work p{font-size: 21px;line-height: 30px; margin-right: 17px;}
  .how_work .transform{padding:20px 20px;}
  .how_work .step_box,
  .how_work .step_box .step_content{flex-direction:column;}
  .how_work .step_box.col_reverse,
  .how_work .step_box.col_reverse .step_content{flex-direction:column-reverse;}
  .how_work .step_box{height: auto;}
  .how_work .step_box .step_content{flex-direction:column;}
  .how_work .step_box .step_status .arrow_icon{display: none;}
  .how_work .step_box .step_status .step_count span{font-size:34px;}
  .how_work .step_box .step_content img.step_image{max-width:200px;}
  .how_work .step_box .step_content .content_wrapper .step_title,
  .how_work .step_box .step_content .content_wrapper .step_description{text-align:center;}
  .how_work .step_box .step_content .content_wrapper .step_title{font-size: 26px;line-height: 1.2;}
  .how_work .step_box .step_content .content_wrapper .step_description{font-size:16px;}

  .projectimg .project_name::after{top: 23px;left: 0px;font-size:12px;}
  .projectimg .project_name2::after{top:32px;right:0px;font-size:12px;}
  .web-data h2{text-align:left;}

  .maintain,.maintain2{padding:20px 20px;}
  .maintain img, .maintain2 img{width:30px;}
}

@media screen and (max-width: 767px) {
  .main_chantdocx h1{font-size: 25px;}
  .phone-mockup .phone-img {width: 100%;height: auto;}
  .form {padding: 0 !important;}
  .form .quote-box {padding: 15px;}
}

@media screen and (max-width: 540px) {
  .service-content, .faq, .accordion-button, .accordion-body{text-align: left;}
  .service-content img{padding-top: 30px; max-width: 100%;}
  .htmlimg{text-align: center;}
  .project-details{margin-top: 30px;min-height: auto;}
  .web-data{text-align: left;}
  .web-data, .data{padding: 20px;}
  .ribbon img , .ribbon2 img{width: 100%;height: auto;}
  .ourprojects .ribbon{top: -6px;left: -6px;width: 100px;height: 100px;}
  .ourprojects .ribbon2{top: -6px;right: -6px;width: 100px;height: 100px;}
  .webproducts .ribbon{top: -6px;left: -6px;width: 100px;height: 100px;}
  .webproducts2 .ribbon2{top: -6px;right: -6px;width: 100px;height: 100px;}
  .gif-img img{max-width: 100%;padding: 0;}
  .php-content h2{font-size: 22px;}
  .php-p{width: 100%;}
  .card-php{margin-bottom: 24px;}
  .p-data{width: 100%;}
  .custom, .custom2, .other-services{text-align: left;}
  .other-services ul {display: flex;flex-direction: row;flex-wrap: wrap;}
  .other-services ul li{margin-bottom: 20px;}
  .why-choose, .transflo-details, .bmi-details{text-align: left;}
  .faq img{width: 300px;height: 300px;}
  .project-details {padding: 10px;}
  .transflo img, .bmi img{max-width: 100%;}
  .full-container{min-height: auto;}
  .contact-form{min-height: auto;margin-bottom: 20px;}
  .contact-form, .contact-details{text-align: left;}
  .col-half{width: 100%;}
  .blog-details, .recent-post{text-align: left;}
  .bg-row{text-align: left;}
  .bg-row .pre-btn {text-align: center;}
  .bg-row img{height: auto;}
  .head-line p{font-size: 14px;line-height: normal;}
  .whychoose-img img {width: 100%;max-width: 300px;height: 300px;}
  .related-projects h1{padding-top: 40px;}
  .project1{order: 1;}
  .project2{order: 2;}
  .project3{order: 4;}
  .project4{order: 3;}
  .wordpress img{max-width: 100%;height: auto;}
  .logi h2{font-size: 28px;}
  .wp-theme{height: auto;text-align: left;}
  .wordpress-pro{margin-bottom: 24px;}
  .logistic-project, .staffing-project, .ios-content, .ai-data p{text-align: left;}
  .logistic-project img, .staffing-project img {max-width: 100%;}
  .faq-img{display: flex; margin: auto;}
  .react-content, .react-development, .flutter-content, .card-ai, .ainutrify-project, .aichat-project, .ai-data h2, .api-services{text-align: left;}
  .react-content .react-img img, .flutter-content .react-img img, .ios-content .ios-img img {max-width: 100%;}
  .development ul li span {font-size: 16px;}
  .mobile-service img, .ai-data img{max-width: 100%;}
  .project-show .card .image-box, .ai-data{display: block;}
  .project-show .card .image-box img{width: 15%;}
  .de{margin-top: 20px;}
  .cumulative-line{order: 5;}
  .ios .title{width: 100%;}
  .card-ai2, .text-editor{width: 100%;}
  .how-ai .title p{display: block;width: 100%;}
  .chat-docx img, .nutrition-project img {max-width: 100%;}
  .api-services {height: auto;margin-bottom: 20px;}
  .other-data {text-align: left;margin-bottom: 30px;}
  .other-img img{max-width: 100%;}
  .ci-cd h2{font-size: 22px;}
  .api-content{row-gap: 10px;}
  .other-logo, .widely-logo{max-width:calc(50% - 20px);}
  .project-details{text-align: left;}
  .development-use2{margin-bottom: 20px;}
  .website-content, .service-include, .ci-cd, .payment-gateway, .crypto-payment {height: auto;}
  .slider_img::after{width:70%;opacity:0.2;}
  .right-box{position:absolute;top:40%;left:37%;transform:translateY(-50%);width:55%;}
   .tstm-card-wrapper {flex: 0 0 100%;max-width: 100%;}
   .team_section .our_team .team_img img {height:100%; width: 100%;}

   .laravel-container{height: auto;}

}

@media screen and (max-width: 479px) {
    h1{font-size:26px;}
    .web-data h2{text-align:left !important ;}
    .quote-icon-right{bottom: -20px;}
    .chatgpt-data{max-height:none;min-height:auto;}
    .transflo img, .bmi img{width: 100% !important;}
    .main-heading{font-size: 26px;}
    .ourwork h2{font-size: 28px;}
    .footer .main-footer .content .footer-service{margin-top: 30px;margin-bottom: 30px;}
    .footer .main-footer .content{padding: 0px 10px 0px 10px;}

    .header .head_top{display:none;}
    .header .main_head .navbar-brand img,
    .header .main_head .navbar-brand{max-width:180px;}

    .header .head_top .content{flex-direction:column;gap:0;align-items:end;}
    .header .head_top .content.justify-content-start{align-items:start;}

    .showcase_projects .projects .custom-slide-two.decorated-slide .slide-left img{height: auto;}
    .showcase_projects .projects .custom-slide-two .slide-inner{padding:20px 20px;}
    .showcase_projects .headtitle{font-size: 30px;}

    .testimonial_section .testimonial-card{width: auto;}

    .expertise-section .headtitle{font-size: 30px;}
    .why_us .tech_used .tech_icons_container{flex-wrap:wrap;}
    .why_us .tech_used{padding:20px 20px;}
    .why_us .tech_used h5.title{text-align:center;}
    .why_us .tech_used .tech_icons_container .tech_icon .icon{flex:1 1 calc(50% - 20px);flex-direction:column;gap:10px 20px;}

    .mainservices img{position:relative;}
    .mainservices h2{text-align:center;font-size:28px;}
    .mainservices .number{font-size: 100px;}
    .mainservices .comman_section p{font-size:16px;}
    .mainservices .comman_section .comman_content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top: 20px;}
    .mainservices .comman_section .button{margin-top: 20px;}

    .footer_form::before{width: 100%;}
    .footer .footer_links{margin-bottom: 20px;}
    .footer_form .quote_box{padding:20px 20px;}
    .footer .social_info{margin-bottom: 20px;}

    .about_section .about_us_content{padding:20px 20px;}
    .team_section .tech_used{padding:20px 20px;}
    .team_section .tech_used .tech_icons_container .tech_icon .icon{flex:1 1 calc(50% - 10px);flex-direction:column;}

    .our_process .process-box .process-step{min-width:100%;padding:20px 10px;align-items:center;justify-content: space-between; flex-direction:row;}
    .showcase-details{padding: 20px;}

    .ios-content h3{font-size: 24px;line-height:1.2;}
    .ios-content p{font-size: 16px;line-height:1.2;}

    .project-show{margin-top:40px;}
    .showcase-details h3{font-size:26px;line-height:1.2;}

    .con-data{padding:20px 20px;}
    .con-data h2{font-size: 24px;margin-bottom: 10px;}
    .card-ai{padding:20px 20px;min-height:auto;}
    .number-ai{padding:8px 10px 8px 10px;}
    .card-ai-details h4{font-size:22px;}
    .number-ai p{font-size:14px;line-height:1;}
    .card-ai-details p{font-size:16px;line-height:1.2;}

    .object-development .card-ai{min-height: auto;}
    .api-services h2{text-align:left;font-size: 22px;}

    .service-include h2,
    .website-content h2{text-align:left;}
    .faq .accordion-button{padding:14px 12px 14px 12px;font-size:16px;}
    .faq .accordion-body{font-size:14px;padding:14px 12px 14px 12px;}

    .development h3{font-size:26px;margin-bottom:10px;}
    .development{padding-top:0px;}
}

@media (max-width: 1024px) {
  .header .main-content .main-nav,
  .header .main-content .quote-btn {display: none;}
  .header .main-content  .hamburger {display: block;}
}
@media (max-width: 320px) {
  .tstm-carousel-control-prev {left: -30px; }
  .tstm-carousel-control-next {right: -30px;}
  .tstm-card{padding: 15px !important;}
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .hero_section .hero_img {display: flex !important;flex-direction: column;align-items: center;justify-content: center;position: relative; height: 430px;}
  .hero_section .hero_img .nutify_banner {order: 1;flex: 1;}
  .hero_section .hero_img .ai_model {order: 2;flex: 1;}
  .hero_section .hero_img .banner-img {width: 100% !important;height: auto !important;object-fit: contain;padding: 0;margin-top: -30px;}
  .hero_section .hero_img .ai-model-img {position: absolute; width: 100% !important;height: auto !important;margin: 0 !important;transform: none !important;}.phone-mockup img{height: auto;width: 100%;}
  .phone-mockup{height: auto;}
  .bmi_boutique .bmi_content .top_features button{font-size: 14px;}
  .main_chantdocx .more_screens {padding: 20px;}
  .main_chantdocx .assistent_feature{padding: 20px;}
  .top_features{padding: 20px;}
}
@keyframes fadeInUp {
  to {opacity: 1;transform: translateY(0);}
}

@keyframes fadeOutDown {
  to {opacity: 0;transform: translateY(15px);}
}