/* // X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap */
@media (min-width: 320px) and (max-width: 575px) {

    .orb-1 {
        width: 600px;
        height: 600px;
        background: var(--accent2);
        top: -200px;
        right: -200px;
    }

    .orb-2 {
        width: 400px;
        height: 400px;
        background: #11d7e5;
        bottom: -100px;
        left: -100px;
        animation-delay: -10s;
    }



    .sun {
        height: 80px !important;
        width: 80px !important;
        border-radius: 50%;
        box-shadow: 0 0 1em white;
        justify-content: center;
        top: 400px;

        img {
            height: 50px !important;
            width: 50px !important;
            margin-left: 15px !important;
            margin-top: 13px !important;
        }
    }
    .mobile_respo{
        margin-top: 20px !important;
        width: 250px !important;
        height: 50px !important;
    }

    .facebook::before,
    .gmail::before,
    .instagram::before,
    .twitter::before,
    .outlook::before {
        content: '';
        position: absolute;
        border-radius: 100%;
        width: 1.5em !important;
        height: 1.5em !important;
        background-repeat: no-repeat;
        z-index: 9999;
        filter: contrast(150%);
    }

    .facebook {
        top: 385px !important;
        width: 100px !important;
        height: 100px !important;
    }

    .facebook::before {
        top: -1em !important;
        left: 5em !important;

    }

    .gmail {
        top: 360px !important;
        width: 150px !important;
        height: 150px !important;
    }

    .gmail::before {
        top: -1em !important;
        left: 8.5em !important;
    }


    .instagram {
        top: 335px !important;
        width: 200px !important;
        height: 200px !important;
    }

    .instagram::before {
        top: -1em !important;
        left: 12em !important;

    }

    .twitter {
        top: 310px !important;
        width: 250px !important;
        height: 250px !important;
    }

    .twitter::before {
        top: -1.5em !important;
        left: 15em !important;
    }

    .outlook {
        top: 285px !important;
        width: 300px !important;
        height: 300px !important;
    }

    .outlook::before {
        top: -2em !important;
        left: 18.2em !important;
        border-radius: 0%;

    }

    .banner_heading {
        h1 {
            font-weight: bold;
            color: #ffffff;
            text-transform: uppercase;
            font-size: 35px !important;
        }

        p {
            font-weight: 400;
            margin-top: 50px;
        }
    }



    .common_heading h3 {

        font-size: 24px;
        margin-bottom: 5px;

    }

    .common_heading p {
        font-size: 15px;


    }


    .marquee-left img,
    .marquee-right img {
        height: 50px;
        margin-right: 50px;
        padding: 10px;

    }

    .common_heading h4 {
        margin-left: 5px;
        padding-bottom: 5px;
        font-size: 24px;

    }

    .nav-link {
        padding: 5px;
        font-size: 14px;
        margin-bottom: 15px;
        margin-left: 5px;
    }

    .catagory_item {
        margin-left: 0px !important;
    }

    .catagory_item img {
        height: 60px;
    }

    .catagory_item h4 {

        font-size: 18px;

    }

    .small_text {
        font-size: 15px;
    }

    .button_group {

        padding: 10px 30px;

    }

    .last {
        .nav-item:hover {
            a {
                background: #ffffff;
                color: #000000;
                transform: translateY(-0px);
            }

        }
    }

}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px)and (max-width: 767px) {

    .common_heading h3 {

        font-size: 24px;
        margin-bottom: 5px;

    }

    .common_heading p {
        font-size: 15px;


    }








    .marquee-left img,
    .marquee-right img {
        height: 50px;
        margin-right: 50px;
        padding: 10px;

    }

    .common_heading h4 {
        margin-left: 5px;
        padding-bottom: 5px;
        font-size: 24px;

    }

    .nav-link {
        padding: 10px 30px;
        font-size: 15px;
        margin-bottom: 15px;
        margin-left: 5px;
    }

    .catagory_item {
        margin-left: 0px !important;

    }

    .catagory_item img {
        height: 70px;
    }

    .catagory_item h4 {

        font-size: 22px;

    }

    .small_text {
        font-size: 18px;
    }

    .button_group {

        padding: 10px 40px;

    }


}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px)and (max-width: 991px) {
    .common_heading h3 {

        font-size: 28px;
        margin-bottom: 5px;

    }

    .common_heading p {
        font-size: 18px;


    }








    .marquee-left img,
    .marquee-right img {
        height: 70px;
        margin-right: 50px;
        padding: 15px;

    }

    .common_heading h4 {
        margin-left: 5px;
        padding-bottom: 5px;
        font-size: 24px;

    }

    .nav-link {
        padding: 10px 25px;
        font-size: 16px;
        margin-bottom: 15px;
        margin-left: 5px;
    }

    .catagory_item {
        margin-left: 0px !important;


    }

    .catagory_item img {
        height: 70px;
    }

    .catagory_item h4 {

        font-size: 20px;

    }

    .small_text {
        font-size: 18px;
    }

    .button_group {

        padding: 10px 25px;

    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1999px) {
    .common_heading h3 {

        font-size: 30px;
        margin-bottom: 5px;

    }

    .common_heading p {
        font-size: 18px;


    }








    .marquee-left img,
    .marquee-right img {
        height: 80px;
        margin-right: 80px;
        padding: 15px;

    }

    .common_heading h4 {
        margin-left: 5px;
        padding-bottom: 5px;
        font-size: 30px;

    }

    .nav-link {
        padding: 10px 30px;
        font-size: 18px;
        margin-bottom: 15px;
        margin-left: 5px;
    }

    .catagory_item {
        margin-left: 20px !important;

    }

    .catagory_item img {
        height: 80px;
    }

    .catagory_item h4 {

        font-size: 22px;

    }

    .small_text {
        font-size: 18px;
    }

    .button_group {

        padding: 10px 30px;

    }

}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399px) {
    .common_heading h3 {

        font-size: 32px;
        margin-bottom: 5px;

    }

    .common_heading p {
        font-size: 18px;


    }








    .marquee-left img,
    .marquee-right img {
        height: 80px;
        margin-right: 80px;
        padding: 20px;

    }

    .common_heading h4 {
        margin-left: 5px;
        padding-bottom: 5px;
        font-size: 24px;

    }

    .nav-link {
        padding: 10px 40px;
        font-size: 18px;
        margin-bottom: 15px;
        margin-left: 5px;
    }

    .catagory_item {
        margin-left: 30px !important;

    }

    .catagory_item img {
        height: 100px;
    }

    .catagory_item h4 {

        font-size: 24px;

    }

    .small_text {
        font-size: 18px;
    }

    .button_group {

        padding: 10px 40px;

    }
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) and (max-width: 1499px) {}