@media only screen and (max-width: 1500px) {
        .navbar {
                justify-content: center;
        }

        .nav-item {
                padding: 0 1.5rem;
        }
}

@media only screen and (min-width: 1500px) {
        .info-wrapper {
                padding: 5rem 10rem;
        }
}

@media only screen and (max-width: 991px) {
        .outter-grid-wrapper {
                width: 100vw;
        }

        .nav-grid-wrapper {
                grid-template-columns: 5fr 5fr;
        }

        .img-wrapper {
                padding: 1rem;
        }

        .slideshow-wrapper {
                margin-top: 2rem;
        }

        .main-slidetext-wrapper h1 {
                font-size: 24px;
        }

        .main-slidetext-wrapper p {
                font-size: 16px;
        }

        .arrow-img-left {
                width: 25px;
                height: 25px;
                top: 8px;
                left: 6px;
        }

        .arrow-img-right {
                width: 25px;
                height: 25px;
                top: 8px;
                left: 9px;
        }

        .slidebutton-left {
                width: 40px;
                height: 40px;
        }

        .slide-button {
                width: 40px;
                height: 40px;
        }

        .slidebutton-right {
                width: 40px;
                height: 40px;
        }

        .contact-button {
                padding: 5px 10px !important;
                font-size: 16px;
        }

        .our-services {
                padding-top: 1rem;
                padding-bottom: 0;
        }

        .title-wrapper h1 {
                font-size: 24px;
        }

        .title-wrapper span {
                border-bottom: 8px solid var(--main-darkgold);
        }

        .card-wrapper {
                gap: 2rem;
                padding: 0 2rem;
        }

        .two-items {
                flex-direction: column;
        }

        .spacing {
                display: none;
        }

        .card-grid {
                width: 100%;
        }

        .top-circle {
                width: 75px;
                height: 75px;
        }

        .top-circle img {
                height: 2.5rem;
        }

        .card-title {
                font-size: 20px;
        }

        .card-p {
                font-size: 16px;
        }

        .margin-bottom {
                margin-bottom: 2rem;
        }

        .info-wrapper {
                flex-direction: column;
        }

        .video-wrapper {
                width: 100%;
        }


        .spacing-2 {
                display: none;
        }

        .utility-item-grid {
                display: flex;
                flex-direction: column;
                margin: 0 2rem;
        }

        .utility-item {

                padding-bottom: 2rem;
        }

        .img-sizer {
                width: 3rem;
        }

        .u-icon {
                padding-bottom: .5rem;
        }

        .u-title {
                font-size: 22px;
                padding-bottom: .0;
        }

        .u-p {
                font-size: 18px;
        }

        .contact-us {
                display: block;
        }

        .contact-number p {
                word-break: break-all;
        }

        .contact-text-wrapper {
                padding: 1rem 2rem;
        }

        .ratna-wrapper {
                padding: 1rem 2rem;
        }

        .logo-wrapper img {
                width: 100%
        }

        .text-wrapper {
                padding-top: 1rem;
                font-size: 18px;
        }

        .menu-burger {
                display: block;
                cursor: pointer;
                margin-right: 20px;
                transition: all ease 2s;
        }

        .navbar {
                justify-content: flex-end !important;
        }

        .menu-block {
                display: none;
                position: absolute;
                top: 0;
                right: 0;
                background-color: var(--main-black);
                z-index: 9999;
                transition: all ease 2s;
        }

        .menu-block a {
                text-align: center;
                font-size: 16px;
                color: var(--main-white);
                text-decoration: none;
                transition: all ease .2s;
        }

        .menu-block a:hover {
                color: rgb(172, 171, 171);
        }

        .social-item {
                text-align: center;
                font-size: 16px;
                color: white;
                display: flex;
                flex-direction: column;
        }

        .social-item a {
                margin-bottom: 5px;
        }

        .super {
                font-weight: 700;
                font-size: 18px !important;
                cursor: pointer;
        }

        .accounts-news {
                display: flex;
                flex-direction: column;
                row-gap: 2rem;
        }

        .latest-news {
                margin-bottom: 2rem;
        }

        footer {
                display: block;
                background-color: var(--main-black);
                padding: 2rem 1rem 1rem 1rem;
        }

        footer p {
                text-align: center;
                font-size: 16px;
                color: white;
        }
}