/* 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) {
    .navbar-nav {
        gap: 0rem;
    }

    .web_logo {
        width: 150px;
    }

    .top_banner {
        height: 60vh;
    }

    .top_banner h1 {
        font-size: 2rem;
    }

    .title {
        font-size: 32px;
    }

    .icon_boxes .col-md-6:nth-child(1) .icon_box::before,
    .icon_boxes .col-md-6:nth-child(3) .icon_box::before {
        right: 0px;
    }

    .bottom_line {
        bottom: 20px;
    }

    .right_filter_box::before,
    .left_filter_box::before {
        display: none;
    }

    .footer_up {
        width: 100px;
    }

    .footer_down {
        right: 90px;
    }
}

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

@media screen and (min-width:100px) and (max-width:820px) {
    .navbar-nav {
        gap: 0.5rem;
    }

    .right_filter_box::before,
    .left_filter_box::before {
        display: none;
    }

    .top_banner {
        height: 100%;
        padding: 80px 0;
    }

    .top_banner::before {
        top: 68%;
        width: 95%;
    }

    .bottom_line {
        bottom: 0;
    }

    .light_bg_01::before {
        display: none;
    }
}

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

@media screen and (max-width:576px) {
    .title {
        font-size: 25px;
    }

    .web_logo {
        width: 180px;
    }

    .top_banner h1 {
        font-size: 2rem;
    }

    .icon_boxes .col-md-6:nth-child(1) .icon_box::before, .icon_boxes .col-md-6:nth-child(3) .icon_box::before {
        display: none;
    }

    .footer_up {
        width: 100px;
    }

    .footer_down {
        width: 100px;
        bottom: -20px;
        right: 40px;
    }
}

@media screen and (max-width:375px) {}