/* for laptop devices 1366 */

@media (min-width: 1200px) and (max-width: 1500px) {}


/* bigger screen pc */
@media (min-width: 1400px) {}



/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1199px) {

    .logo {
        width: 240px;
    }

    figcaption h3 {
        font-size: 25px;
        line-height: 20px;
    }

    p.ind-ind {
        line-height: 18px;
    }

    p.ind-num {
        font-size: 60px;
    }

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

    .title {
        font-size: 20px;
    }

    .w-box h3 {
        font-size: 18px;
    }

    p,
    .faq-answer {
        font-size: 14px;
        line-height: 25px;
    }

    .f-logo {
        width: 210px;
        margin-bottom: 10px;
    }

    footer h2 {
        font-size: 16px;
    }

    .f-links li a {
        font-size: 14px;
    }

    .f-links svg {
        width: 20px;
        height: 20px;
    }

    .sub-ban h1 {
        font-size: 60px;
    }

    .proj-box h3 {
        font-size: 20px;
    }



}





/* Tablet desktop :768px. */

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





/* small mobile :767px. */

@media (max-width: 767px) {}



/* Large Mobile :480px. */

@media only screen and (min-width: 321px) and (max-width: 767px) {
    .project-list div[class*='col'] {
        width: 100%
    }

    .navbar-toggler {
        background: #fff;
        box-shadow: none !important;
    }

    .connect div[class*='col'] {
        width: 100%;
    }

    .sub-ban h1 {
        font-size: 35px;
        width: max-content
    }

    .c-left h2 {
        font-size: 25px;
    }
    .c-left ul li{font-size: 17px;}
    .g-5,
    .gx-5 {
        --bs-gutter-x: 1rem;
    }

    .f-logo {
        width: 160px;
        margin-bottom: 10px;
    }

    .proj-box h3 {
        font-size: 21px;
    }

    .proj-content h2 {
        font-size: 35px;
    }

    .proj-content h3 {
        font-size: 25px;
    }

    .proj-content ul {
        flex-direction: column;
        gap: 2rem;
    }

    .detial-banner::before {
        height: 700px;
    }

    .project-image div[class*='col'] {
        width: 100%;
        margin-bottom: 10px;
    }

    footer p,
    .f-links li a {
        font-size: 13px;
        line-height: 25px;
    }

    footer div[class*='col'] {
        width: 100%;
        margin-bottom: 15px;
    }

    footer h2 {
        font-size: 16px;
    }

    p {
        font-size: 15px;
    }

    .faq-section {
        grid-template-columns: repeat(1, 1fr);
    }

    .w-ico {
        width: 200px;
        margin: auto;
    }

    .p-wrap {
        height: 600px;
    }

    .logo {
        width: 180px;
    }

    .img {
        font-size: 290px
    }

    .about div[class*='col'] {
        width: 100%;
    }

    .ab-exp {
        flex-direction: column;
    }

    .ab-exp h2 {
        font-size: 70px;
    }

    .service-card div[class*='col'] {
        width: 100%;
    }

    figcaption h3 {
        font-size: 25px;
    }

    figure {
        height: 320px;
    }

    .transform div[class*='col'] {
        width: 100%;
    }

    p.ind-num {
        font-size: 70px;
    }

    .transform {
        background: #fff;
    }

    .title {
        font-size: 27px;
    }

    .service-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .working-process div[class*='col'] {
        width: 100%;
    }

    .w-box h3 {
        font-size: 23px;
    }

    .w-box span.d-small-none {
        display: none;
    }

    .testimonials div[class*='col'] {
        width: 100%;
    }

    .service-list li {
        font-size: 18px;
    }
}

/* ipad pro */