/* max-width: 320 sm mobail screen
320px — 480px: Mobile devices.
481px — 768px: iPads, Tablets.
769px — 1024px: Small screens, laptops.
1025px — 1200px: Desktops, large screens.
1201px and more — Extra large screens, TV. */
/* @media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1600px;
    }
} */

@media screen and (min-width:1201px) {}

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

@media screen and (min-width:769px) and (max-width:1024px) {
    .three_box {
        padding: 1rem;
    }

    .three_box_title {
        font-size: 17px;
    }

    .navbar-nav {
        gap: 0rem;
    }

    .web_logo {
        width: 150px;
    }
}

@media screen and (min-width:821px) and (max-width:912px) {}

@media screen and (min-width:100px) and (max-width:820px) {
    .flex_area_01 {
        flex-direction: column;
    }

    .round_bg_area {
        background-size: cover;
    }

    .navbar-nav {
        gap: 0.5rem;
    }
}

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

@media screen and (max-width:576px) {
    .round_bg_area {
        height: 400px;
        width: 400px;
    }

    .top_banner ul {
        font-size: 19px;
    }

    .title {
        font-size: 25px;
    }

    .web_logo {
        width: 180px;
    }

    .side_bg {
        padding: 450px 0 0;
    }

    .side_bg::before {
        top: 0;
        left: 0;
        height: 400px;
        width: 100%;
    }
}

@media screen and (max-width:375px) {
    .round_bg_area {
        height: 300px;
        width: 300px;
    }
}