:root {
    --poppin: "Poppins", sans-serif;
    --roboto: "Roboto", sans-serif;
    --pc: rgba(68, 157, 68, 1);
    --boxshadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}


/* 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) {}





/* 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: 320px) and (max-width: 767px) {
    .ban-img {
        width: 180px;
    }

    h1 {
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
        margin-bottom: 1rem;
    }

    .banner h3 {
        font-size: 15px;
        line-height: 22px;
    }

    .logo {
        margin: 1rem 0 8rem;
        width: 150px;
    }

    .banner .col-5 {
        width: 100%;
    }

    .banner {
        height: 400px;
    }

    .px-20 {
        padding: 0 20px;
    }

    html,
    body {
        overflow-x: hidden;
    }

    .g-5,
    .gy-5 {
        --bs-gutter-y: 2rem;
    }

    .g-5,
    .gx-5 {
        --bs-gutter-x: 1rem;
    }

    .image-btn img {
        margin: 10px 3px;
        width: 100px;
    }

    p {
        color: #5a5a5a;
        line-height: 27px;
        font-size: 15px;

    }

    .about h3 {
        font-size: 20px;
        margin-bottom: 3rem;
    }

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

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

    .core [class*='col-3'] {
        width: 50%;
    }

    .about ul li {
        font-size: 15px;
        max-width: 100%;
    }

    h2.title {
        font-size: 25px;

        margin-bottom: 1.5rem;
    }

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

    .region_list_sec {
        flex-wrap: wrap;
    }

    .p-box {

        border-right: none;
        padding: 15px;

    }

    h2.sub-title {
        font-size: 20px;
        margin-bottom: 1rem;
    }

    .small-p {
        font-size: 15px;
    }



}



/* ipad pro */