@media only screen and (max-width: 1024px) and (min-width: 992px) {

    .expertise-Innovate-col .photo {
        height: 322px;
    }


    .header-section .navbar .navbar-nav>.nav-item>.nav-link {
        font-size: 12px;
    }
}

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


    .banner,
    .perfect-services,
    .industry-knowledge,
    .lets-connect,
    .clients-stories,
    .commitment-ecellence,
    .we-are-available,
    section.our-img-content,
    .looking-ahed,
    .we-are-codechaps,
    .onboarding-time,
    .development-partner,
    .comprehensive-App,
    section.services-banner,
    .commitment-ecellence {
        padding: 50px 0px;
    }

    .footer {
        padding: 20px 20px;
    }

    .width80P {
        width: 100%;
    }

    .banner-content h5 {
        font-size: 26px;
    }

    .banner-content h4 {
        font-size: 32px;
    }

    .banner-content p {
        padding-right: 0;
    }

    .development-partner-row .development-partner-col {
        padding: 10px 20px;
    }

    .development-partner-col .icon {
        width: 40px;
        height: 40px;
    }

    .expertise-Innovate-col .photo {
        height: 231px;
    }

    section.succes-storey::after {
        content: '';
        display: none;
    }

    .succes-storey-content h4 {
        font-size: 38px;
    }

    .about-image-section {
        top: 110px;
    }

    .connect-btn {
        align-items: self-start;
        flex-direction: column;
    }

    .lets-connect-row {
        flex-direction: column;
    }

    .lets-connect-row .connect-left {
        width: 100%;
    }

    .lets-connect-row .connect-right {
        width: calc(100% - 0%);
    }

    .gallery-wrap ul {
        flex-wrap: wrap;
    }

    .schdule-call {
        margin-top: 0;
    }

    .header-section .navbar .navbar-nav>.nav-item>.nav-link::before {
        content: '';
        display: none;
    }

}

@media only screen and (max-width: 767px) and (min-width: 667px) {}

@media only screen and (max-width: 666px) and (min-width: 432px) {}

@media only screen and (max-width: 431px) and (min-width: 390px) {


    .dropdown-menu-row {
        flex-direction: column;
    }

    .dropdown-menu-row .left-menu-side {
        display: none;
    }

    .dropdown-menu-row .right-menu-side {
        width: 100%;
        border-radius: 12px;
    }

    .banner,
    .perfect-services,
    .development-partner,
    .industry-knowledge,
    .lets-connect,
    .we-are-available,
    .footer,
    .looking-ahed,
    section.our-img-content,
    .onboarding-time,
    .commitment-ecellence {
        padding: 40px 0px;
    }

    .schdule-call {
        margin-top: 0;
    }

    .banner-content h5 {
        font-size: 24px;
    }

    .banner-content h4 {
        font-size: 34px;
    }

    .banner-content p {
        padding-right: 0;
    }

    .partner-logo-trusted-all {
        justify-content: center;
        gap: 40px;
        flex-wrap: wrap;
    }

    .partner-logo {
        width: 40%;
    }

    .width80P,
    .row-1-colum-2,
    .row-1-colum-1,
    .row-2-colum-1,
    .row-2-colum-2 {
        width: 100%;
    }

    .perfect-servic-row {
        flex-wrap: wrap;
    }

    .development-partner-row {
        flex-wrap: wrap;
    }

    .development-partner-row .development-partner-col {
        padding: 10px 20px;
        gap: 5px;
    }

    .development-partner-col .icon {
        width: 40px;
        height: 40px;
    }

    .expertise-Innovate {
        flex-wrap: wrap;
    }

    .succes-storey-content h4 {
        font-size: 44px;
    }

    section.succes-storey::after {
        content: '';
        display: none;
    }

    .commitment-ecellence-inner {
        padding: 20px 20px;
    }

    .lets-connect-row {
        flex-direction: column;
    }

    .lets-connect-row .connect-left {
        width: 100%;
    }

    .lets-connect-row .connect-right {
        width: calc(100% - 0%);
        padding: 30px 20px;
    }

    .connect-btn {
        flex-direction: column;
    }

    .flag-colum {
        margin-bottom: 20px;
    }

    .footer-bg {
        padding: 20px 20px;
    }

    .expertise-Innovate-col .photo {
        height: auto;
    }

    /*End Home Page css*/

    .timeline-left .issu-date,
    .timeline-right .issu-date {
        display: none;
    }

    .about-image-section {
        top: 50px;
    }

    .stepper-story {
        padding: 50px 0px 0px 0px;
    }

    /*End About Page*/

    .gallery-wrap ul {
        flex-wrap: wrap;
    }

    /*End case-studies Page*/


    .every-project {
        margin-bottom: 50px;
    }

    .development-services-colum {
        margin-bottom: 50px;
    }

    .services-banner-img {
        text-align: center;
        margin-top: 50px;
    }

    .header-section .navbar .navbar-nav>.nav-item>.nav-link::before {
        content: '';
        display: none;
    }

    .request-a-quote {
        display: flex;
        justify-content: space-between;
    }

    .request-a-quote input {
        padding: 0px 5px;
    }

}

@media only screen and (max-width: 376px) and (min-width: 321px) {


    .dropdown-menu-row {
        flex-direction: column;
    }

    .dropdown-menu-row .left-menu-side {
        display: none;
    }

    .dropdown-menu-row .right-menu-side {
        width: 100%;
        border-radius: 12px;
    }

    .banner,
    .perfect-services,
    .development-partner,
    .industry-knowledge,
    .lets-connect,
    .we-are-available,
    .footer,
    .looking-ahed,
    section.our-img-content,
    .onboarding-time,
    .commitment-ecellence {
        padding: 40px 0px;
    }

    .schdule-call {
        margin-top: 0;
    }

    .banner-content h5 {
        font-size: 24px;
    }

    .banner-content h4 {
        font-size: 34px;
    }

    .banner-content p {
        padding-right: 0;
    }

    .partner-logo-trusted-all {
        justify-content: center;
        gap: 40px;
        flex-wrap: wrap;
    }

    .partner-logo {
        width: 40%;
    }

    .width80P,
    .row-1-colum-2,
    .row-1-colum-1,
    .row-2-colum-1,
    .row-2-colum-2 {
        width: 100%;
    }

    .perfect-servic-row {
        flex-wrap: wrap;
    }

    .development-partner-row {
        flex-wrap: wrap;
    }

    .development-partner-row .development-partner-col {
        padding: 10px 20px;
        gap: 5px;
    }

    .development-partner-col .icon {
        width: 40px;
        height: 40px;
    }

    .expertise-Innovate {
        flex-wrap: wrap;
    }

    .succes-storey-content h4 {
        font-size: 44px;
    }

    section.succes-storey::after {
        content: '';
        display: none;
    }

    .commitment-ecellence-inner {
        padding: 20px 20px;
    }

    .lets-connect-row {
        flex-direction: column;
    }

    .lets-connect-row .connect-left {
        width: 100%;
    }

    .lets-connect-row .connect-right {
        width: calc(100% - 0%);
        padding: 30px 20px;
    }

    .connect-btn {
        flex-direction: column;
    }

    .flag-colum {
        margin-bottom: 20px;
    }

    .footer-bg {
        padding: 20px 20px;
    }

    .expertise-Innovate-col .photo {
        height: auto;
    }

    /*End Home Page css*/

    .timeline-left .issu-date,
    .timeline-right .issu-date {
        display: none;
    }

    .about-image-section {
        top: 50px;
    }

    .stepper-story {
        padding: 50px 0px 0px 0px;
    }

    /*End About Page*/

    .gallery-wrap ul {
        flex-wrap: wrap;
    }

    /*End case-studies Page*/

    .every-project {
        margin-bottom: 50px;
    }

    .development-services-colum {
        margin-bottom: 50px;
    }

    .services-banner-img {
        text-align: center;
        margin-top: 50px;
    }

    .header-section .navbar .navbar-nav>.nav-item>.nav-link::before {
        content: '';
        display: none;
    }

    .request-a-quote {
        display: flex;
        justify-content: space-between;
    }

    .request-a-quote input {
        padding: 0px 5px;
    }


}

@media only screen and (max-width: 320px) and (min-width: 290px) {

    .dropdown-menu-row {
        flex-direction: column;
    }

    .dropdown-menu-row .left-menu-side {
        display: none;
    }

    .dropdown-menu-row .right-menu-side {
        width: 100%;
        border-radius: 12px;
    }

    .banner,
    .perfect-services,
    .development-partner,
    .industry-knowledge,
    .lets-connect,
    .we-are-available,
    .footer,
    .looking-ahed,
    section.our-img-content,
    .onboarding-time,
    .commitment-ecellence {
        padding: 40px 0px;
    }

    .schdule-call {
        margin-top: 0;
    }

    .banner-content h5 {
        font-size: 24px;
    }

    .banner-content h4 {
        font-size: 34px;
    }

    .banner-content p {
        padding-right: 0;
    }

    .partner-logo-trusted-all {
        justify-content: center;
        gap: 40px;
        flex-wrap: wrap;
    }

    .partner-logo {
        width: 40%;
    }

    .width80P,
    .row-1-colum-2,
    .row-1-colum-1,
    .row-2-colum-1,
    .row-2-colum-2 {
        width: 100%;
    }

    .perfect-servic-row {
        flex-wrap: wrap;
    }

    .development-partner-row {
        flex-wrap: wrap;
    }

    .development-partner-row .development-partner-col {
        padding: 10px 20px;
        gap: 5px;
    }

    .development-partner-col .icon {
        width: 40px;
        height: 40px;
    }

    .expertise-Innovate {
        flex-wrap: wrap;
    }

    .succes-storey-content h4 {
        font-size: 44px;
    }

    section.succes-storey::after {
        content: '';
        display: none;
    }

    .commitment-ecellence-inner {
        padding: 20px 20px;
    }

    .lets-connect-row {
        flex-direction: column;
    }

    .lets-connect-row .connect-left {
        width: 100%;
    }

    .lets-connect-row .connect-right {
        width: calc(100% - 0%);
        padding: 30px 20px;
    }

    .connect-btn {
        flex-direction: column;
    }

    .flag-colum {
        margin-bottom: 20px;
    }

    .footer-bg {
        padding: 20px 20px;
    }

    .expertise-Innovate-col .photo {
        height: auto;
    }

    /*End Home Page css*/



    .timeline-left .issu-date,
    .timeline-right .issu-date {
        display: none;
    }

    .about-image-section {
        top: 50px;
    }

    .stepper-story {
        padding: 50px 0px 0px 0px;
    }

    /*End About Page*/

    .gallery-wrap ul {
        flex-wrap: wrap;
    }

    /*End case-studies Page*/

    .every-project {
        margin-bottom: 50px;
    }

    .development-services-colum {
        margin-bottom: 50px;
    }

    .services-banner-img {
        text-align: center;
        margin-top: 50px;
    }

    .header-section .navbar .navbar-nav>.nav-item>.nav-link::before {
        content: '';
        display: none;
    }


    .request-a-quote {
        display: flex;
        justify-content: space-between;
    }

    .request-a-quote input {
        padding: 0px 5px;
    }


}