/*Responsive Css Strat */

@media (max-width: 1500px) {
    .block-imgs img {
        width: 100%;
    }
    #canvas3d {
        width: 1550px !important;
        height: 550px !important;
    }
    .banner-img-wrapper span {
    width: 500px;
    height: 500px;
}

.banner-img-wrapper .swiper {
    margin-left: -34px;
}
}

@media (max-width: 1399px) {
    .btn-grad {
        width: 200px;
    }
    .header ul li a {
        font-size: 13px;
    }
    /* .banner-sec .row.align-items-center {
    margin-top: -350px;
    text-align: center;
  } */
    .banner-sec .codersbackvido,
    .banner-sec .codersbackvido video {
        height: 100%;
    }
    .react-app-dev .m-box {
        min-height: 415px;
    }
    .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: 200px;
        object-fit: cover;
    }
    .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 40px;
    }
    .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;
    }
    .banner-img-wrapper span {
    width: 400px;
    height: 400px;
    left: 44px;
}
    .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;
        margin: 0 0 30px;
        min-height: 525px;
    }
    .app-box {
        padding: 25px 13px;
        margin: 10px 0;
    }
    .m-box h3 {
        font-size: 18px;
    }
    .app-box li a.dropdown-item {
        font-size: 15px !important;
    }
        .banner-img-wrapper .swiper {
        width: 660px !important;
        height: 630px !important;
        margin-left: -80px !important;
        margin-top: -86px !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: 16px;
    }
    .intelligence-sec {
        padding: 70px 0 0px;
    }
    .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%;
    }
    .banner-img-wrapper .swiper img {
    width: 300px;
    height: 300px;
}

.banner-img-wrapper .swiper-slide {
    justify-content: center;
    position: relative;
    right: 124px;
}

.banner-img-wrapper {
    /* width: 707px; */
}

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

.fs30 {line-height: 40px;}
    .year-content {
        top: 22%;
    }
    .packages_banner_sec .txt h1 {
        font-size: 75px;
        line-height: 80px;
    }
    .packages_plans .package_card,
    .packages_plans .pro_package_card {
        padding: 25px 10px;
    }
    .packages_plans .pro_package_card .annually p {
        font-size: 18px;
        line-height: 30px;
    }
    .packages_plans .pro_package_card .package_btn a {
        font-size: 24px;
        line-height: 34px;
    }
    .packages_plans .package_card .list_desc {
        font-size: 18px;
        line-height: 22px;
    }
    .packages_plans .package_card ul li p {
        font-size: 16px;
        line-height: 26px;
    }
    .packages_plans .package_card p,
    .packages_plans .pro_package_card p {
        font-size: 17px;
        line-height: 24px;
    }
    .packages_plans .package_card .package_btn a {
        font-size: 20px;
        line-height: 34px;
    }
    .packages_plans .pro_package_card .package_header p {
        font-size: 26px;
        line-height: 34px;
    }
    .v-box {
        min-height: 391px;
    }
    .c-box {
        min-height: 260px;
    }
}

@media (max-width: 1199px) {
    .fs60 {
        font-size: 40px;
    }
    .popup-sec .modal.show .modal-dialog {
        max-width: 70%;
    }
    .header ul li a {
        font-size: 12px;
    }
    .header .btn-grad {
        font-size: 13px;
        width: 114px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0;
    }
    .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%;
    }
    .packages_plans .package_card .package_header h5 {
        font-size: 24px;
        line-height: 32px;
        font-weight: 600;
        color: #05060F;
        margin-bottom: 15px;
    }
    .packages_plans .package_card .package_header h4 {
        font-size: 26px;
        line-height: 35px;
    }
    .packages_plans .package_card .package_header h4 span {
        font-size: 41px;
        line-height: 65px;
    }
    .packages_plans .package_card .package_btn {
        height: 65px;
        padding-bottom: 5px;
        margin-bottom: 22px;
    }
    .packages_plans .package_card p,
    .packages_plans .pro_package_card p {
        font-size: 15px;
        line-height: 22px;
    }
    .packages_plans .package_card ul li p {
        font-size: 14px;
        line-height: 24px;
    }
    .packages_plans .pro_package_card .package_header .pro_plans {
        justify-content: center;
    }
    .packages_plans .pro_package_card .package_header .price p::after {
        right: 50%;
        width: 75%;
        transform: translateX(15%);
    }
    .packages_plans .pro_package_card .package_header h4 {
        font-size: 22px;
        text-align: center;
    }
    .packages_plans .pro_package_card .package_header h4 span {
        font-size: 45px;
        line-height: 70px;
    }
    .packages_plans .pro_package_card .annually {
        flex-direction: column;
        gap: 4px 0 !important;
    }
    .packages_plans .pro_package_card .package_btn {
        height: 65px;
        margin-bottom: 22px;
    }
    .swiper-wrappers {
    display: block;
}
    
    .packages_plans .pro_package_card .package_btn a,
    .packages_plans .package_card .package_btn a {
        font-size: 20px;
        line-height: 30px;
    }
    .packages_plans .package_card,
    .packages_plans .pro_package_card {
        padding: 35px 15px;
    }
    .serv-slider .serv-box {
        min-height: 530px;
    }
     .banner-img-wrapper .swiper {
       display: none;
    } 
    .banner-img-wrapper span {
       display: none;
    }    
}

@media (max-width: 1024px) {
    .step-box {
        min-height: 290px;
    }
    .swiper-wrappers {
    display: none;
}
    .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;
    }
     .banner-img-wrapper {
        display: none;
    }
    .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: 0px 0;
    }
    .orange-div:after {
        width: 381px;
        height: 285px;
        right: -60px;
    }
    .gaping-top .text {
        padding-top: 300px;
    }
    .about-coders {
        padding-bottom: 100px;
    }
    .about-coders .col-md-12:first-child {
        order: 2;
    }
    .about-coders .img-div {
        margin-top: 20px;
    }
    .about-coders .img-div img {
        width: 50%;
    }
    .partner-tech ul li img {
        width: 50%;
    }
    .text .partner-tech ul li {
        margin-right: 0;
    }
    .intelligence-sec {
        padding: 50px 0 50px;
    }
    .fs40 {
        font-size: 30px;
    }
    .c-box {
        min-height: 284px;
    }
}

@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;
    }
    .work-tabs {
        grid-template-columns: repeat(3, 1fr);
    }
    .header .container.bg-lgrey.px-4.rounded-pill.py-3 {
        border-radius: 0px !important;
    }
    .packages_banner_sec {
        padding: 75px 0 90px;
        margin-top: 20px;
    }
    .packages_banner_sec ul li a {
        font-size: 17px;
        line-height: 20px;
    }
    .packages_plans .txt p {
        font-size: 16px;
        line-height: 25px;
        width: 100%;
    }
    .packages_banner_sec .txt h1 {
        font-size: 55px;
        line-height: 65px;
    }
    .packages_plans {
        padding: 60px 0 0px;
    }
    .packages_plans .txt h2 {
        font-size: 32px;
        line-height: 43px;
    }
    .packages_plans .package_card,
    .packages_plans .pro_package_card {
        padding: 35px 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .packages_plans .package_card .package_header h5 {
        font-size: 24px;
        line-height: 32px;
    }
    .premium_marketing.packages_plans .package_card .package_header h4 span {
        font-size: 40px;
        line-height: 50px;
        margin-right: 1px;
    }
    .premium_marketing.packages_plans .package_card .package_header h4 {
        font-size: 18px;
        line-height: 28px;
    }
    .premium_marketing.packages_plans .package_card {
        min-height: 785px;
    }
}

@media (max-width: 768px) {
    .intelligence-sec h1 {
        font-size: 55px;
    }
    .block-text img {
        height: 200px;
        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;
    }
    .work-tabs {
        grid-template-columns: repeat(2, 1fr);
    }
    .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;
    }
     .banner-img-wrapper {
        display: none;
    }
    .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 {
        margin-bottom: 15px !important;
        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: auto;
        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%;
        height: auto;
    }
    .partner-tech ul li img {
        width: 90%;
    }
    .gaping-top .text {
        padding-top: 400px;
    }
    .about-coders {
        padding-bottom: 0;
    }
    .testimonials {
        padding: 70px 0;
    }
    .testimonials .text {
        margin-bottom: 20px;
    }
    .testimonials .text img {
        width: 60%;
        margin: 0 auto;
        display: block;
    }
    .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;
        margin-top: 10px;
    }
    .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 !important;
        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: 26px;
    }
    .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;
    }
    .premium_marketing.packages_plans .package_card {
        min-height: 570px;
    }
    .header .nav-btn.justify-content-end {
        display: block;
    }
    .header .btn-grad {
        position: fixed;
        left: 0;
        width: 100%;
        bottom: 0;
        height: 44px;
        border-radius: 0;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .header .btn-grad:before {
        border-radius: 0;
    }
    .trademark-form {
        width: 100%;
        margin: 50px auto 25px;
    }
    .serv-slider .serv-box {
        min-height: auto;
    }
    .serv-slider .serv-box .serv-cont p {
        min-height: auto;
    }
    .why-coders .epc-cont .counterboxcard,
    .why-coders .epc-cont-2 .counterboxcard {
        height: 85px;
    }
    .packages_plans .nav-tabs li button {
        font-size: 14px;
        width: 160px;
        height: 50px;
        line-height: 17px;
    }
    .packages_plans .package_card {
        height: auto !important;
        margin-bottom: 20px;
    }
    .testimonials .row.align-items-center:before {
        top: 200px;
    }
    .v-box {
        min-height: auto;
    }
    .popup-sec .col-lg-6.color-bg-1 {
        display: none;
    }
}

@media (max-width: 540px) {
    .block-imgs {
        position: relative;
    }
    .new-marquee_rtl.vertical-slide-right.slick-initialized.slick-slider {
    display: none;
}
db-flex {
    display: block;
}

.crp-hero-ratting.db-flex.tp_fade_anim {
    display: block;
}

.crp-hero-review-box {
    display: block;
    justify-content: center;
}

.crp-hero-avater1 {
    display: none;
    width: 100%;
}

.crp-hero-ratting-text {
    padding-bottom: 9px;
}

.crp-hero-avater.tp_fade_anim {
    margin-right: 0;
    padding-top: 11px;
}
.homepage .div-images ul li {
    padding-bottom: 25px;
    width: 22%;
}
.trustpi img{
   width: 100px !important;
}
.faq-div{
    padding-top: 10px;
}
    .block-imgs:after {
        position: absolute;
        content: "";
        left: 0;
        width: 100%;
        right: 0;
        bottom: 0;
        height: 100%;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 28px;
    }
    .projects-sec ul.nav li.nav-item button {
    font-size: 10px;
}
.projects-sec ul.nav {
    border: none;
    display: grid !important;
    grid-template-columns: repeat(2, 2fr);
    gap: 4px;
}
    .mobile .industries {
        margin-top: 20px;
    }
    .block-main ul li a {
        font-size: 14px;
    }
    .block-text img {
        height: auto;
        object-fit: cover;
        border-radius: 20px;
        width: 100%;
        margin: 0 auto;
    }
    .banner-sec .text {
        padding-bottom: 21px;
        text-align: center;
    }
    .can-log {
        text-align: center;
    }
    .homepage .technologies-work {
        padding: 0px 20px 0px 20px;
    }
    .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: 0 0;
    }
     .banner-img-wrapper {
        display: none;
    }
    .div-images img {
        margin: 20px 0 0;
    }
    .banner-sec {
        padding: 30px 0 0px 0;
    }
    .banner-sec .codersbackvido,
    .banner-sec .codersbackvido video {
        height: 100%;
    }
    .fs30{
        font-size: 16px;
        line-height: 24px;
    }
    .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;
    }
    .work-tabs {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 0;
    }
    .work-card {

    margin-bottom: 4px;
}
section.our-work li button {
    font-size: 11px;
}
    .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;
    }
    .cta-section {
    padding: 20px 0;
}

.cta-box h2 {
    font-size: 16px;
}

.cta-box p {
    font-size: 13px;
    margin-bottom: 10px;
}
    .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;
        font-size: 15px;
        margin: 0 0 0;
    }
    .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: 50%;
        margin: 0 0 0px;
    }
    .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: 40%;
    }
    .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: 16px;
        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: 151px;
        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: #813beb;
    }
    .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 .navbar-brand {
        width: 40%;
    }
    .header a.navbar-brand.color-black.py-0 img {
        width: 80%;
    }
    .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;
    }
    .mob-ser-1.game-dev.react-app-dev .btn-grad {
    height: 30px;
    font-size: 13px;
    padding: 0px 14px;
    }
    .stack-sec .text.mb-5 {
        text-align: center;
        margin: 0 0 24px !important;
    }
    .div-images img {
        width: 145px;
    }
    .fs32 {
        font-size: 20px;
    }
    .intelligence-sec {
        padding: 30px 0 0;
    }
    .packages_banner_sec .txt h1 {
        font-size: 40px;
        line-height: 55px;
    }
    .packages_plans {
        padding: 40px 0 0px;
    }
    .packages_plans .txt h2 {
        font-size: 28px;
        line-height: 38px;
    }
    .packages_plans .txt p {
        font-size: 14px;
        line-height: 22px;
        margin: 0 auto 20px;
    }
    .premium_marketing.packages_plans .package_card {
        min-height: 750px;
    }
    .packages_plans .packages-slider .slick-list {
        padding-bottom: 0px;
    }
    .horizontal-slidersjs .marquee .counterboxcard {
        width: 100%;
        height: 75px;
    }
    .why-coders .epc-cont .counterboxcard,
    .why-coders .epc-cont-2 .counterboxcard {
        padding: 5px 30px;
    }
    .why-coders .epc-cont .counterboxcard h3,
    .why-coders .epc-cont-2 .counterboxcard h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .why-coders .epc-cont .marquee {
        column-gap: 10px;
    }
    .projects-sec ul.nav li {
        margin-bottom: 10px;
    }
    .packages_plans ul.nav li {
        margin-bottom: 10px;
    }
    .testimonials .row.align-items-center:after,
    .testimonials .row.align-items-center:before {
        display: none;
    }
    .react-app-dev .m-box ul {
        margin-bottom: 10px;
    }
    .connect_sec .connect_box {
        height: 100%;
    }
    li.list-inline-item {
    font-size: 12px;
}
    .technologies-work .mt-5 {
    margin-top: 0!important;
}

.about-coders .text {
    padding-top: 0;
}

.text .partner-tech h4 {
    font-size: 16px;
}
.cta-buttons {
    display: flex;
    justify-content: center;
}

.cta-btn {
    padding: 10px 21px;
    font-size: 13px;
}
.m-box h2 {
    font-size: 11px;
    text-transform: capitalize;
}
h1.mb-0.fs60.toptext {
    font-size: 19px;
}
.Sectionbefore img.Before-image {
    height: 200px;
}
}


/*Responsive Css End */