/*Responsive Css Strat */

@media (max-width: 1500px) {
    
    .block-imgs img {
    width: 100%;
}

#canvas3d {
    width: 1550px !important;
    height: 550px !important;
}
}

@media (max-width: 1366px) {
    .technologies-work h3{
           font-size: 30px; 
    }
    .technologies-work .nav button{
        font-size: 14px;
    }
    .codersbackvido {
      
        height: 400px !important;
        /* position: relative; */
    }
     .banner-sec .row.align-items-center {
    margin-top: -300px;
    text-align: center;
}

    
    .react-app-dev .m-box {
    min-height: 505px;
}
    
    .block-main {
    top: 30px;
}

    .intelligence-sec h1 {
        font-size: 75px;
    }
    
    .divss h4 {
    font-size: 18px;
}

.divss p {
    width: 90%;
    font-size: 14px;
}
    
    .block-text img {
        width:100%;
        height: 340px;
    }
    .divss h5 {
    font-size: 16px;
}
    
  #canvas3d {
        width: 1366px !important;
        height: 445px !important;
    }
.can-log {
    text-align: right;
}

    .banner-sec .text p {
    margin: 20px 0 30px !important;
}


  .stack-sec {
    padding: 70px 0;
  }

  .case-04 .stack-sec .img-box img {
    width: 100%;
  }

  .case-01 .tech-text {
    width: 181px;
  }
  .serv-top-row {
    margin-bottom: -36%;
  }

  .inner-sec {
    padding-top: 100px;
  }

  .c-box p {
    font-size: 16px;
  }

  .v-box h4 {
    font-size: 35px;
    margin: 0 0 20px;
  }

  .why-coders {
    padding: 70px 0 0px;
  }

  .vision-about {
    padding: 90px 0 50px;
  }

  .inner-sec h4 {
    font-size: 20px;
    margin: 90px 0 0;
  }

  .about-sec-1 {
    padding: 120px 0 0px;
    margin: 0px 0 -30px;
  }
  .div-images img {
    width: 124px;
    margin: 40px 0 0;
  }
  .study-sec {
    padding: 80px 0;
  }

  .awards-main img {
    width: 145px;
    height: 89px;
  }

  .mar-top {
    margin-top: 100px;
  }

  .study-sec .left-text {
    width: 80%;
    padding-left: 80px;
  }
  .about-choose .text {
    margin: 0 0 40px !important;
  }

  .eco .tech-sec {
    min-height: 600px;
  }
  .eco .left-side:after {
    width: 415px;
    height: 327px;
    bottom: -20px;
    left: -20px;
  }
  .mobile .awards-main img {
    width: 134px;
    height: 50px;
  }
  .app-dev .container-fluid {
    padding: 0px 70px;
  }
  .web-app .tech-sec {
    min-height: 610px;
  }

  .web-app .left-side {
    padding: 40px 40px 400px 40px;
  }
  .fs60 {
    font-size: 45px;
  }
  .mobile .awards-main h4 {
    font-size: 16px;
    margin: 10px 0 0;
  }
  .web-app .awards-main img {
    width: 50px;
    height: 45px;
    object-fit: contain;
  }
  .web-app .left-side:after {
    width: 395px;
    height: 308px;
    bottom: -20px;
    left: -40px;
  }
  .unity-app .inners-banner .inner-img img.game-img-1 {
    right: -169px;
  }

  .unity-app .inners-banner .inner-img img.game-img-2 {
    left: 70px;
  }

  .unity-app .game-genres .tab-content:after {
    width: 251px;
    height: 640px;
    top: -10px;
  }

  .step-box h4 {
    font-size: 20px;
  }

  .step-box {
    padding: 20px;
    margin: 20px 0 20px;
  }

  .react-native .inner-img img.unity-img-1 {
    width: 100%;
  }

  .android-type-sec:before {
    width: 764px;
    height: 814px;
    left: -300px;
  }

  .mob-box-1:hover .mob-text {
    padding-left: 50px;
  }

  .tabend {
    min-height: 581px;
    width: 102.5%;
  }

  ul.list-sty li {
    font-size: 16px;
  }
  .tech-sec .text h2 {
    font-size: 30px;
  }

  .tech-sec .text p {
    font-size: 16px;
  }
  .im-mo {
    width: 140px;
    height: 60px;
  }

  .mob-box-1 {
    text-align: left;
    margin-right: 0px !important;
    margin-left: 30px;
  }

  .mob-box {
    column-gap: 20px;
    margin-right: 30px;
  }
  .mob-text p {
    font-size: 14px;
  }

  .mob-text h4 {
    font-size: 18px;
  }

  .tech-sec {
    min-height: 700px;
    background-position: right;
  }

  .inner-img img.unity-img-1 {
    width: 123%;
  }
  .text p br {
    display: none;
  }
  .m-box {
    /*padding: 25px 18px;*/
    padding: 15px;
    /*margin: 0 0 30px;*/
    margin: 0 0 10px;
    /*min-height: 525px;*/
    min-height: auto;
  }
  .m-box p {
    margin-bottom: 0;
}
  .app-box {
    padding: 25px 13px;
    margin: 10px 0;
  }
  .m-box h3 {
    /*font-size: 18px;*/
    font-size: 15px;
  }

  .app-box li a.dropdown-item {
    font-size: 15px !important;
  }
  .main-head {
    padding: 50px 130px;
  }
  .serv-slider .slick-list.draggable {
    padding-left: 25px !important;
  }
  .serv-slider .serv-box {
    margin: 0px 20px 0px 0px;
  }
  .serv-slider .serv-box .serv-cont {
    padding: 20px 16px 20px 16px;
  }
  .serv-slider .serv-box .serv-cont h3 {
    font-size: 17px;
  }
  .intelligence-sec {
    padding: 70px 0 100px;
  }
  .gaping-top .text {
    padding-top: 200px;
  }

  .about-coders {
    padding-bottom: 160px;
  }
  .coders-rating li img {
    width: 100%;
  }
  .integration .inner-img img.unity-img-1 {
    right: -250px;
    width: 100%;
  }
  .year-content {
    top: 22%;
}
}

@media (max-width: 1199px) {
  .fs60 {
    font-size: 40px;
  }
  .popup-sec .modal.show .modal-dialog {
    max-width: 70%;
  }

  .header ul li a {
    font-size: 13px;
  }
  .header .btn-grad {
    font-size: 14px;
    width: 140px;
  }
  .fs40 {
    font-size: 35px;
  }
  .vision .count-exp h2 {
    font-size: 40px;
  }
  .vision .text-exp p {
    font-size: 18px;
  }
  .vision ul li {
    font-size: 15px;
  }

  .why-coders .epc-cont .counterboxcard h3,
  .why-coders .epc-cont-2 .counterboxcard h3 {
    font-size: 25px;
  }
  .main-head .sol-box li {
    font-size: 17px !important;
    margin: 0 0 10px;
  }

  .serv-top-row {
    margin-bottom: -40%;
  }
}

@media (max-width: 1024px) {
    
    .step-box {
    min-height: 290px;
}
    
    .d-box {
    min-height: 310px;
}

  .contact-page .inners-banner {
    padding: 120px 0;
  }

  .banner-sec:after {
    width: 194px;
    height: 191px;
    top: 0;
    right: 0;
    background-size: cover;
  }
  .intro-sec .text p {
    font-size: 16px;
    margin-top: 25px;
  }
  .case-01 .tech-text {
    width: 151px;
  }
  .pro-sec-01 {
    padding: 60px 0;
  }

  section.inners-banner {
    padding: 60px 0;
  }
  .intro-sec {
    padding: 40px 0;
    text-align: center;
  }
  .about-sec-1 .text {
    padding-bottom: 0;
  }

  .about-sec-1 {
    padding: 90px 0;
    margin: 0px 0 0;
  }
  .div-images img {
    width: 107px;
    margin: 30px 0 0;
  }

  .inner-sec h4 {
    font-size: 18px;
    margin: 70px 0 0;
  }
  .inner-sec {
    padding-top: 100px;
    min-height: 700px;
  }

  .about-choose {
    padding: 60px 0 70px;
  }
  .year {
    width: 150px;
  }
  .app-div .c-box h3 {
    font-size: 18px;
  }
  .about-choose {
    padding: 60px 0 50px;
  }
  .left-side {
    padding: 40px 40px 290px 40px;
  }

  .eco .left-side:after {
    width: 295px;
    height: 227px;
    bottom: -20px;
    left: -20px;
  }
  .web-app .left-side:after {
    width: 295px;
    height: 228px;
    bottom: -20px;
    left: -10px;
  }

  .mobile .awards-main h4 {
    font-size: 15px;
    margin: 10px 0 0;
  }

  .mobile .awards-main img {
    width: 95px;
    height: 45px;
  }
  .apps-mobs .tech-sec .text a {
    margin-top: 0;
  }
  .apps-mobs .tech-sec {
    min-height: 900px;
    background-position: center;
  }

  .apps-mobs .awards-main h4 {
    font-size: 18px;
    margin: 10px 0 0;
  }
  .apps-mobs .awards-main img {
    width: 90px;
    height: 45px;
  }
  .unity-app .text:hover .bugi {
    transform: translateX(-20px);
  }

  .bugi img {
    width: 70% !important;
  }
  .pos-unity {
    bottom: -70px;
    left: -20px;
  }

  .pos-unity img {
    width: 80%;
  }
  .step-box p {
    font-size: 14px;
  }
  .game-genres {
    padding: 60px 0 50px;
  }
  .game-genres .tab-content {
    background-size: cover;
    height: 440px !important;
    position: relative;
  }
  .game-genres .nav-pills button {
    width: 29%;
    height: 55px;
    font-size: 15px;
  }
  .unity-app .game-genres .tab-content:after {
    width: 221px;
    height: 460px;
    top: -5px;
  }
  .tb-cont-inn {
    padding: 40px 40% 40px 20px;
  }

  .tb-cont-inn p.my-5 {
    margin: 10px 0 20px !important;
  }

  .unity-sec {
    padding: 70px 0;
  }
  .unity-sec .img-box:hover .men-mob {
    transform: translateY(-16px);
  }

  .men-mob img {
    width: 100%;
  }
  .men-mob {
    bottom: -120px;
    left: 0px;
  }
  .fact-boxes p {
    font-size: 13px;
  }
  .fact-boxes {
    border-radius: 10px;
    margin-bottom: 20px;
    min-height: 140px;
  }
  .unity-app .inners-banner .inner-img img.game-img-1 {
    right: -99px;
  }

  .unity-app .inners-banner .inner-img img.game-img-3 {
    position: absolute;
    left: 0px;
    bottom: -80px;
  }

  .android-app .left-side:after {
    width: 265px;
    height: 370px;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .android-type-sec:before {
    width: 674px;
    height: 694px;
    left: -300px;
    background-size: cover;
    bottom: 0;
  }

  .mobile-sec .container-fluid {
    padding: 0px 50px;
  }
  .tech-text p {
    font-size: 15px;
  }
  .tech-sec {
    min-height: 690px;
    background-position: left;
  }

  .mob-ser-1 {
    padding: 90px 0 50px;
  }

  .stack-sec .container-fluid {
    padding: 0px 60px;
  }

  .app-dev .container-fluid {
    padding: 0px 50px;
  }

  .left-side.cus-web .text h2 {
    font-size: 25px;
  }

  .stack-sec .img-box {
    margin-right: -60px;
  }
  .ios-app .left-side {
    padding: 30px 20px 410px 20px;
  }
  .tech-tab button {
    width: 130px;
    height: 50px;
    font-size: 16px;
  }

  .tech-text {
    width: 169px;
  }
  .text p br {
    display: none;
  }

  .integration .inner-img img.unity-img-1 {
    right: -100px;
    width: 100%;
  }
  .m-box h3 {
    font-size: 15px;

    word-break: break-all;
  }

  .m-box {
    padding: 25px 15px;
    margin: 0 0 30px;
    
        min-height: 320px;
  }
   

  .m-box p {
    font-size: 14px;
  }
  .fs60 {
    font-size: 40px;
  }

  .intelligence-sec h1 {
    font-size: 70px;
  }

  .awards .logo-slider img {
    width: 170px;
    height: 60px;
    margin: 0px 20px 0 10px;
  }

  .faq-div .btn-div a.btn-normal.chat {
    width: 160px;
  }

  .orange-div {
    padding: 40px 30px 0px 30px;
  }

  .company-sec {
    padding: 60px 0 70px;
  }

  .step-box h2 {
    font-size: 50px;
    margin: -65px 0 0;
  }

  .d-box h3 {
    font-size: 17px;
  }
  .d-text {
    column-gap: 10px;
  }

  .step-box h4 {
    font-size: 20px;
  }

  .inner-img img.unity-img-1 {
    width: 100%;
  }

  .main-head {
    padding: 40px 40px;
  }

  .text h2 {
    font-size: 30px;
    margin: 20px 0 20px;
  }

  .year-content {
    top: 25%;
  }
  .year-wrapper-text {
    width: 90%;
  }
  .year-wrapper-title {
    font-size: 45px;
  }

  .text .partner-tech ul li {
    width: 31%;
    margin-right: 10px;
    height: 60px;
    margin-bottom: 15px;
    line-height: 60px;
  }
  .text .partner-tech ul li:last-child,
  .text .partner-tech ul li:nth-child(4) {
    margin-right: 10px;
  }
  .testimonials {
    padding: 90px 0;
  }
  .orange-div:after {
    width: 381px;
    height: 285px;
    right: -60px;
  }
  .gaping-top .text {
    padding-top: 300px;
  }
  .about-coders {
    padding-bottom: 100px;
  }
  .intelligence-sec {
    padding: 50px 0 50px;
  }
  .fs40 {
    font-size: 30px;
  }
}

@media (max-width: 992px) {

  .ser-head {
    margin-left: 20px;
  }

  .sol-box {
    margin-bottom: 10px;
  }
  .header .nav-btn.justify-content-end {
    display: none;
  }
    .fs60 {
        font-size: 37px;
    }
    
  .fs40 {
    font-size: 24px;
  }

  .serv-top-row {
    margin-bottom: -40%;
  }
  .technologies-work .tab-content .tab-a h4 {
    font-size: 14px;
  }

  .orange-div {
    padding: 40px 30px 0px 30px;
  }
  .faq-div .btn-div a.btn-normal.chat {
    width: 160px;
  }

  .header .container.bg-lgrey.px-4.rounded-pill.py-3 {
    border-radius: 0px !important;
  }
  .header-btn-box {
      display: none !important;
  }
}


@media (max-width: 768px) {
    
        .intelligence-sec h1 {
        font-size: 55px;
    }
    .codersbackvido video {
      padding-top: 110px;
  }
    
        .block-text img {
        height: 390px;
        object-fit: cover;
    }
    
    
    .fs32 {
    font-size: 25px;
}
    .vertical-slide-left:before {
    top: -30px;
}
    
    .vertical-slide-left:after {
    bottom: -30px;
}

    
    .industries .accordion .accordion-item .accordion-item-header {
    font-size: 18px;
}
    
    
    .vision .years-exp {
    padding: 20px 10px 10px 20px;
}

    #canvas3d {
    width: 90% !important;
}

.fs60 {
        font-size: 30px;
    }
    
    
  .industries .accordion-item {
    border: none;
}
  .mob-non {
    display: inherit !important;
  }.awards .text {
    text-align: center;
    margin: 0 0 20px;
    padding-left: 0px !important;
}

  .timeline-wrapper {
    display: none;
  }
  div#navbarNavDropdown {
    margin: 10px 0 0;
  }
  .contact-sec {
    padding: 0px 0 60px;
  }
  .contact-page .contact-sec ul li {
    font-size: 14px;
  }

  .contact-page .foot-form {
    margin: 20px 0 0;
  }
  .contact-page .inners-banner {
    padding: 80px 0;
  }
  .banner-sec:before {
    width: 125px;
    height: 113px;
    bottom: 30px;
    left: 30px;
    background-size: cover;
  }

  .banner-sec:after {
    width: 121px;
    height: 120px;
    top: 10px;
    right: 0px;
    background-size: cover;
  }
  .case-01 .tech-tab {
    border: transparent;
  }
  .case-01 .tech-box {
    display: flex;
    justify-content: inherit;
  }
  .case-01 .tech-text {
    width: 174px;
    border: 1px solid #d9d9d9;
  }
  .inners-banner:before {
    width: 125px;
    background-size: cover;
    height: 111px;
  }
  .awards-main img {
    width: 95px;
    height: 80px;
  }

  .study-sec .left-text {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    padding-top: 20px;
  }
  .mar-top {
    margin-top: 50px;
  }

  .ro-rev {
    flex-direction: column-reverse;
  }
  .c-box {
    padding: 20px 30px;
    margin: 0 0 20px;
    min-height: auto;
  }

  .c-box h3 {
    font-size: 20px;
    margin: 0 0 20px;
  }

  .about-sec-1 {
    padding: 60px 0;
    margin: 0px 0 0;
  }
  .vision-about {
    padding: 60px 0 50px;
  }
  .about-sec-1 .text {
    text-align: center;
    margin: 30px 0 0;
  }

  .inner-sec {
    padding-top: 130px;
    min-height: 700px;
  }

  .div-images {
    column-gap: 10px;
    flex-wrap: wrap;
  }

  .about .why-coders {
    padding: 40px 0 0px;
  }
  .v-box {
    padding: 30px 30px;
    margin: 0 0 20px;
  }

  .about-sec-2 {
    padding: 50px 0;
  }

  .about-sec-2 .text {
    text-align: center;
    margin: 0 0 30px;
  }
  .year {
    width: auto;
  }
  .design .react-app-dev .col {
    flex: auto;
  }

  .eco section.dev-sec.dynam {
    padding-bottom: 50px;
  }
  .mob-ser-1 {
    padding: 70px 0 50px;
  }
  .eco .left-side {
    margin-bottom: 30px;
  }

  .eco .left-side:after {
    width: 355px;
    height: 277px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .footer-sec .mt-5 {
    margin-top: 0rem !important;
  }

  .web-app .left-side {
    padding: 40px 40px 400px 40px;
    margin: 0 0 30px;
  }

  .web-app .left-side:after {
    width: 445px;
    height: 348px;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto 0px;
  }

  .awards-main .text h2 {
    font-size: 18px;
  }
  .unity-app .game-genres .tab-content:after {
    width: 151px;
    height: 310px;
    top: 20%;
  }

  .game-genres .tab-content {
    height: 510px !important;
    background-size: 100% 100%;
  }

  .company-sec.we-deliver .step-box {
    min-height: auto;
    margin: 10px 0 10px;
  }

  .game-genres .nav-pills button {
    width: 45%;
    height: 55px;
    font-size: 15px;
  }

  .unity-app .inners-banner .inner-img img.game-img-3 {
    position: absolute;
    left: 40px;
    bottom: -50px;
  }

  .unity-app .solution-bg .text img {
    width: 60%;
    margin: 0 auto 20px;
    display: table;
  }

  img.game-img-3 {
    width: 60% !important;
  }
  .fact-boxes {
    min-height: 120px;
  }
  .unity-sec .img-box {
    text-align: center;
    margin: 20px 0 0;
  }
  .pos-unity {
    bottom: 0px;
    left: 0px;
  }
  .unity-app .unity-mob {
    margin: 0 0 40px;
  }
  .facts-figs .step-box {
    margin: 10px 0 10px;
  }
  .react-native .inner-img img.unity-img-1 {
    width: 100%;
    margin: 20px 0 0;
  }

  .android-type-sec {
    padding: 60px 0 60px 0;
  }

  .android-type-sec:before {
    display: none;
  }
  .android-app .left-side:after {
    width: 335px;
    height: 470px;
    bottom: 50px;
  }

  .android-app .left-side {
    margin: 0 0 40px;
  }
  .react-app-dev .m-box {
    min-height: 240px;
    margin: 0 0 20px !important;
  }

  .integration .inner-img img.unity-img-1 {
    right: 0;
    width: 100%;
    margin-top: 20px;
  }

  .m-box {
    min-height: 270px;
  }
  .unity-mob {
    text-align: center;
  }
  .unity-mob img {
    width: auto;
  }
  .text p br {
    display: none;
  }
  .design .dev-sec {
    padding-top: 50px;
  }

  .serv-top-row {
    margin-bottom: -60%;
  }

  .awards .logo-slider img {
    width: 100px;
    height: 60px;
    margin: 0px 20px 0 10px;
  }

  .technologies-work {
    padding: 70px 0 0;
  }
  .technologies-work .nav button {
    font-size: 13px;
  }
  .vision .img-div img {
    width: 100%;
    border-radius: 30px;
  }

  .vision .count-exp h2 {
    font-size: 20px;
  }
  .vision .text-exp p {
    font-size: 14px;
  }
  .text h2 {
    font-size: 25px;
    margin: 20px 0 20px;
  }

  .why-coders {
    padding: 80px 0 0px;
  }

  .intelligence-sec {
    padding: 50px 0 50px;
  }

  .banner-sec {
    padding: 60px 0 0px 0;
  }

  .text .partner-tech ul li {
    width: 47%;
  }
  .gaping-top .text {
    padding-top: 400px;
  }
  .about-coders {
    padding-bottom: 60px;
  }
  .testimonials {
    padding: 70px 0;
  }
  .orange-div {
    padding: 40px 30px 50px 30px;
  }
  .orange-div:after {
    display: none;
  }

  section.faq-div li h3 {
    font-size: 18px;
  }
  section.faq-div ul.accordion-list li {
    padding: 30px 20px;
    padding-left: 60px;
  }

  ul.accordion-list li:before {
    width: 40px;
    font-size: 25px;
  }

  .footer-sec .col-lg-4.col-md-12.col-sm-12.ps-4 {
    padding-left: 10px !important;
  }

  .foot-col.foot-col-1 {
    padding-bottom: 30px;
  }
  .projects-sec .text {
    text-align: center;
  }
  .projects-sec .text-end {
    text-align: center !important;
  }

  .game-dev .container-fluid {
    padding: 0px 30px;
  }
  .mob-ser-1 .text {
    text-align: center;
  }
  .right-div {
    text-align: center;
  }
  .react-app-dev .m-box h3 {
    margin-top: 15px;
    font-size: 18px;
  }
  .step-box {
    min-height: auto;
    margin: 30px 0 30px;
  }
  .step-box h2 {
    font-size: 50px;
    margin: -60px 0 0;
  }
  .company-sec {
    padding: 40px 0 50px;
  }
  .inners-banner .inner-img img {
    width: 100%;
    margin: 20px 0 0;
  }
  section.inners-banner {
    padding: 60px 0 30px;
  }
  .design .mob-ser-1 {
    padding-bottom: 0px;
    padding-top: 50px;
  }
  .faq-div {
    padding-bottom: 60px;
  }

  .ios-app .left-side {
    padding: 30px 20px 650px 20px;
    margin: 0 0 30px;
  }
  .tech-sec {
    min-height: 730px;
  }
  .projects-sec {
    padding-top: 60px !important;
  }
  ul.list-sty li {
    margin: 10px 0;
  }

  .dev-sec .text img {
    margin: 0 0 30px;
  }
  .mobile-sec .img-box img {
    width: 60%;
    margin: 20px 0 10px;
  }

  .tech-text {
    width: 212px;
  }
  .tabend {
    min-height: 572px;
    width: 102.5%;
  }

  .mobile .industries {
    margin-top: 50px;
  }
  .mobile-sec {
    padding: 50px 0;
  }
  .stack-sec {
    padding: 50px 0;
  }

  .mobile .awards-main .row {
    padding: 25px 20px 15px;
  }
}

@media (max-width: 540px) {
    
    .block-imgs {
    position:relative;
}
.codersbackvido video {
  padding-top: 160px;
  z-index: -1;
  position: relative;
}


.block-imgs:after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    right: 0;
    bottom: 0;
    background: #0000008a;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 28px;
}
    
    .mobile .industries {
        margin-top: 20px;
    }
    
    .block-main ul li a {
    font-size: 14px;
}
    
    
    .block-text img {
        height: 380px;
        object-fit: cover;
        border-radius: 20px;
    }
    
    .banner-sec .text {
    text-align: center;
}

    .can-log {
        text-align: center;
    }
    .homepage .technologies-work {
    padding: 0px 0 0;
}

  .industries .accordion-item {
    border: none;
    margin: 0 0 15px;
}

  .desc-img img {
    width: 50px;
}

  .industries
  .accordion
  .accordion-item
  .accordion-item-description-wrapper
  .accordion-item-description
  p {
    width: 100%;
    font-size: 12px;
    padding: 0 6px;
}

  .industries .accordion .accordion-item .accordion-item-description-wrapper .accordion-item-description {
    min-height: 0;
    padding-left: 15px;
}

  .industries
    .accordion
    .accordion-item
    .accordion-item-header
    .accordion-item-header-title {
    font-size: 18px;
  }
  .industries .accordion .accordion-item .accordion-item-header {
    padding: 20px 10px;
    font-size: 17px;
  }
  .color-bg-1 .text p {
    font-size: 15px !important;
  }
  .color-bg-1 h2 {
    font-size: 22px !important;
  }

  .popup-sec .modal-body {
    padding: 20px 10px;
  }
  .popup-sec h2 {
    font-size: 15px;
    margin: 0 0 15px;
  }

  .popup-sec .modal.show .modal-dialog {
    max-width: 90%;
    margin: 0 auto;
  }
  .testimonials {
    padding: 50px 0;
  }

  .div-images img {
    margin: 20px 0 0;
  }

  .banner-sec {
    padding: 30px 0 30px 0;
  }
  .banner-sec:before {
    width: 82px;
    height: 73px;
    background-size: cover;
    bottom: 30px;
    left: 10px;
  }
  .banner-sec:after {
    width: 84px;
    height: 81px;
    background-size: cover;
    top: 20px;
    right: 0;
  }
  .pro-sec-01 ul {
    margin-top: 20px;
  }

  .pro-sec-01 li {
    margin: 15px 0;
    font-size: 14px;
    column-gap: 10px;
  }

  .case-01 .tech-text p {
    margin-bottom: 0px;
  }

  .pro-sec-01 {
    padding: 50px 0;
  }
  .study-sec {
    padding: 50px 0;
  }
  .inner-sty .services-section {
    padding: 50px 0;
  }

  .c-box p {
    font-size: 15px;
  }

  .v-box p {
    font-size: 16px;
  }

  .v-box h4 {
    font-size: 25px;
    margin: 0 0 16px;
  }

  .inner-sec h4 {
    font-size: 16px;
    margin: 40px 0 0;
  }
  .inner-sec {
    padding-top: 130px;
    min-height: 700px;
    padding-bottom: 50px;
  }
  .about .inner-sec .text p {
    margin: 20px 0 !important;
  }
  .inner-sec {
    padding-top: 120px;
    min-height: 650px;
    padding-bottom: 30px;
  }
  .game-dev .container-fluid {
    padding: 0px 20px;
  }
  .eco .tech-sec {
    min-height: auto;
  }

  .eco .left-side:after {
    width: 335px;
    height: 257px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .app-div .c-box {
    display: block;
    text-align: center;
  }

  .c-box img {
    margin: 0 0 15px;
  }
  .t-img {
    margin: 30px 0 20px;
  }

  .inners-banner:before {
    width: 80px;
    height: 73px;
    top: 10px;
    left: 30px;
    background-size: cover;
  }
  .web-app .tech-sec .text p {
    font-size: 14px;
  }
  section.tech-sec.mac-bg ul.slick-dots {
    top: -30px !important;
    position: relative;
    left: 10px;
  }
  .web-app .tech-sec {
    min-height: auto;
    padding: 0 0 !important;
  }
  .web-app .left-side {
    padding: 40px 40px 300px 40px;
    margin: 0 0 30px;
  }
  .web-app .left-side:after {
    width: 335px;
    height: 258px;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto 0px;
  }
  .web-app .awards-main img {
    width: 50px !important;
    height: 45px !important;
    object-fit: contain;
    margin: 0;
  }
  .unity-app .we-deliver {
    margin-bottom: 60px;
  }
  .tb-cont-inn {
    padding: 40px 4% 40px 20px;
  }
  .game-genres .tab-content {
    height: 390px !important;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 0;
  }
  .unity-app .game-genres .tab-content:after {
    display: none;
  }

  .tb-cont-inn h2 {
    font-size: 25px;
  }

  .game-genres .nav-pills button {
    width: 47.7%;
    margin-right: 3px;
    margin-left: 3px;
  }

  .bugi {
    bottom: 50px;
    right: -160px;
  }
  .unity-sec .img-box img {
    width: 100%;
  }
  .unity-app .inners-banner .inner-img img.game-img-2 {
    left: 70px;
    top: 0px;
  }
  img.game-img-3 {
    width: 80% !important;
  }

  .unity-app .inner-img {
    margin: 20px 0 0;
  }

  .mobile-sec .text.text-center.mb-5 {
    margin-bottom: 10px !important;
  }

  .d-box {
    margin: 0 0 20px;
  }

  .android-type-sec {
    padding: 50px 0 50px 0;
  }

  .android-app .left-side {
    margin: 0 0 40px;
    padding: 40px 40px 400px 40px;
  }

  ul.list-sty {
    column-count: 1;
    margin: 10px 0 10px;
  }
  .tech-sec .text h2 {
    font-size: 20px;
  }

  ul.list-sty li {
    font-size: 14px;
  }

  .tech-sec {
    min-height: auto;
    padding: 50px 0;
  }

  .ios-app .left-side {
    padding: 30px 20px 500px 20px;
    margin: 0 0 30px;
  }
  .awards .logo-slider img {
    height: 33px;
    margin: 0px 10px 0 10px;
  }
  .fs60 {
    font-size: 27px;
  }
  .text p br {
    display: none;
  }
  .vision {
    padding: 20px 0 0;
  }
  .serv-top-row {
    margin-bottom: 0;
  }
  .vision .img-div img {
    margin: 20px 0 0;
  }
  .technologies-work .py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .technologies-work h3 {
    text-align: center;
    margin: 0 0 20px;
  }
  .services-section {
    padding: 50px 0 0;
  }
  .services-section {
    padding: 50px 0 0;
  }
  .serv-slider .slick-list.draggable {
    padding-left: 0px !important;
  }

  .vision .text {
    margin-top: 30px;
  }
  .why-coders {
    padding: 50px 0 0px;
  }

  .coders-rating {
    margin: 0 0 40px;
    text-align: center;
  }
    .intelligence-sec h1 {
        font-size: 40px;
    }
  .about-coders .img-div img {
    width: 100%;
    margin: 0 0 430px;
  }
  .about-coders {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .awards .logo-slider img {
    width: 100%;
  }
  .text h2 br {
    display: none;
  }
  .awards .text {
    text-align: center;
    margin: 0 0 20px;
  }
  .new-marquee_rtl {
    margin: 0px 0 0;
  }
  .technologies-work .nav {
    justify-content: center;
    row-gap: 10px;
  }
  .fs60 br {
    display: none;
  }
  .serv-slider .serv-box {
    margin: 0px 6px 0px 6px;
  }
  .foot-right h4 {
    font-size: 17px;
    margin-bottom: 15px;
  }
  .footer-sec .mt-5 {
    margin-top: 1rem !important;
  }
  .footer-sec ul li a {
    font-size: 14px;
  }
  .footer-sec ul li {
    padding-bottom: 8px;
  }
  .foot-col.foot-right img {
    width: 80%;
  }
  .footer-sec {
    padding: 50px 0 20px;
  }
  .fot-img p {
    font-size: 14px;
  }

  .foot-form textarea {
    height: 100px !important;
    padding-top: 10px;
  }
  .foot-form input,
  .foot-form textarea {
    height: 40px;
    font-size: 14px;
  }

  .foot-form input,
  .foot-form textarea {
    font-size: 14px;
  }

  .faq-div {
    padding-bottom: 50px;
  }
  .orange-div {
    padding: 30px 20px 30px 20px;
  }

  .text h2 {
    font-size: 20px;
    margin: 20px 0 20px;
  }
  .btn-normal {
    font-size: 15px;
  }
  section.faq-div li h3 {
    font-size: 15px;
  }

  .faq-div .btn-div a.btn-normal.chat {
    width: 125px;
  }
  .faq-div .btn-div a.btn-grad {
    width: 160px;
  }

  ul.accordion-list li:before {
    width: 40px;
    font-size: 20px;
  }
  .header.mt-5 {
    margin-top: 1rem !important;
  }
  .tab-a {
    margin: 0px 0 20px;
  }

  .slick-slideshow__slide {
    padding-bottom: 25px;
  }
  .banner-sec .text p {
    margin: 20px 0 30px !important;
  }

  .projects-sec {
    padding: 50px 0 0 0 !important;
  }
  .header .container.bg-lgrey.px-4.rounded-pill.py-3 {
    border-radius: 0px !important;
  }
  .vertical-slide-left:after {
    display: none;
  }
  .vertical-slide-left:before {
    display: none;
  }
  .inner-img img.unity-img-1 {
    width: 100%;
    top: 30px;
  }

  .inners-banner .text p {
    margin: 20px 0 30px !important;
  }
  .awards-main img {
    width: 125px !important;
    height: 50px !important;
    margin: 0 0 10px;
  }
  .technologies-work .tab-content .tab-a h4 {
    font-size: 12px;
  }
  .main-head {
    padding: 20px 20px 20px 20px;
  }
  .text h5 {
    font-size: 11px;
  }
  .main-head.main-head-1 .ser-head {
    margin-left: 30px;
  }

  .sol-box {
    margin: 10px 0;
  }
  .app-box li a.dropdown-item {
    font-size: 13px !important;
  }
  .app-box li a.dropdown-item {
    font-size: 13px !important;
  }
  .study-sec .left-text {
    width: 95%;
    padding-left: 20px;
    margin: 0 0 30px;
  }
  .left-text p {
    margin: 20px 0 20px;
  }
  .mar-top {
    margin-top: 20px;
  }
  .google-img {
    display: flex;
    column-gap: 10px;
  }
  .stack-sec .img-box {
    margin-right: 0;
  }

  .case-04 .stack-sec .img-box img {
    width: 100%;
  }

  .app-dev .container-fluid {
    padding: 0px 20px;
  }
  .awards .logo-slider {
    justify-content: center;
  }

  section.horizontalmain {
    margin-top: 40px;
  }

  .unity-mob img {
    width: 100%;
  }
  .m-box h3 {
    word-break: inherit;
  }

  .btn-grad {
    font-size: 14px;
    width: 180px;
    height: 2em;
    line-height: 2em;
  }

  .mob-ser-1 {
    padding: 50px 0 50px;
  }

  .mobile-sec .container-fluid {
    padding: 0px 20px;
  }
  .mob-box {
    margin-right: 0;
  }
  .mob-box:hover .im-mo {
    margin-right: 0px;
    background: #ff6041;
  }
  .im-mo {
    width: auto;
    height: auto;
  }
  .im-mo img {
    width: 50px;
    height: 50px;
  }
  .mob-box:hover img {
    width: auto;
    height: auto;
  }
  .mob-box {
    column-gap: 20px;
    margin-right: 0 !important;
    margin-left: 0px;
  }

  .mob-box-1:hover .im-mo {
    margin-left: 0;
  }

  .mob-box-1:hover .mob-text {
    padding-left: 0;
  }

  .tech-tab .d-flex.align-items-start {
    display: inherit !important;
  }

  .tabend {
    min-height: auto;
    width: 100%;
    padding: 20px 0;
  }

  .tech-text {
    width: 100%;
  }

  .stack-sec .container-fluid {
    padding: 0px 20px;
  }
  .android-app .left-side:after {
    width: 235px;
    height: 330px;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .t-img img {
    width: 110px;
  }
  .sol-box {
    padding: 30px 20px;
  }

  .apps-mobs .tech-sec {
    min-height: auto;
    background-position: center;
  }
  .slide-all {
    margin-right: 10px !important;
  }
  .block-text {
    zoom: inherit;
  }
  
  .header a.navbar-brand.color-black.py-0 img {
    width: 70%;
}
.awards-main .row {
    padding: 30px 0 20px;
}

.cases .inner-img img.unity-img-1 {
    z-index: -1;
}

.google-img img {
    width: 140px;
}
.case-01 .tech-text {
    width: 165px;
}

.intro-sec {
    padding: 30px 0;
    margin: 10px 0 0;
}
.case-01 .tech-box {
    justify-content: center;
}

.stack-sec .text.mb-5 {
    text-align: center;
    margin: 0 0 24px !important;
}
.div-images img {
    width: 75px;
}
.fs32 {
    font-size: 20px;
}
    .intelligence-sec {
        padding: 30px 0 50px;
    }
    
    
    
}

/*Responsive Css End */