@media(max-width:1200px) {
    .main-menu ul li a {
        font-size: 14px;
        font-weight: 400;
        padding: 12px 4px !important;
    }

    .main-menu ul li.highlighted-menu a {
        display: block;
        font-size: 13px;
        font-weight: 500;
        padding: 8px 18px !important;
        border-radius: 30px;
    }
}


@media(max-width:1100px) {
    a.navbar-brand img {
        width: 220px;
        height: 30px;
    }

    .main-slider .main-banner {
        background-size: 100% 100%;
        width: 100%;
        height: 600px;
    }

    .main-slider .main-banner .main-title {
        color: var(--white-color);
        margin-top: 50px;
        font-size: 36px;
    }
}

@media(max-width:1078px) {
    a.navbar-brand img {
        width: 200px;
        height: 30px;
    }

    .main-menu ul li.highlighted-menu a {
        display: block;
        font-size: 12px;
        font-weight: 500;
        padding: 5px 10px !important;
        border-radius: 30px;
    }

    .main-menu ul li a {
        font-size: 14px;
        font-weight: 400;
        padding: 12px 0px !important;
    }
}



@media(max-width:992px) {
    a.navbar-brand img {
        width: 250px;
        height: 40px;
    }

    .main-menu ul li.submenu>a:after {
        content: '\f107';
        font-family: 'FontAwesome';
        font-weight: 900;
        font-size: 14px;
        margin-left: 8px;
        color: #fff;
    }

    .slicknav_arrow:after {
        content: '\f105';
        font-family: 'FontAwesome';
        font-weight: 900;
        font-size: 12px;
        margin-left: 8px;
        float: right;
        transition: all 0.3s ease-in-out;
        color: #fff;
    }


}


@media(max-width:768px) {
    .main-slider .main-banner {
        background-size: 100% 100%;
        width: 100%;
        height: 550px;
    }

    .main-slider .main-banner .main-title {
        color: var(--white-color);
        margin-top: 18%;
        font-size: 34px;
    }
}

@media (max-width: 624px) {
    .blog-table-wrap table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 12px;
    }

    .blog-table-wrap table th,
    .blog-table-wrap table td {
        white-space: nowrap;
        /* Prevent wrapping */
    }
}


@media(max-width:575px) {

    .hero.hero-slider .hero-slider-layout1 .hero-slide .hero-slider-image img,
    .hero-layout2.hero-slider .hero-slider-layout2 .hero-slide .hero-slider-image img,
    .hero-layout3.hero-slider .hero-slider-layout3 .hero-slide .hero-slider-image img {
        width: 100%;
        height: 450px;
        /* object-fit: cover; */
    }

    .hero.hero-slider .hero-slider-layout1 .hero-slide,
    .hero-layout2.hero-slider .hero-slider-layout2 .hero-slide,
    .hero-layout3.hero-slider .hero-slider-layout3 .hero-slide {
        padding: 155px 0 50px;
    }

    .project-entry h1 {
        font-size: 36px;
    }

    .main-slider .main-banner {
        background-size: 100% 100%;
        width: 100%;
        height: 450px;
    }

    .main-slider .main-banner .main-title {
        color: var(--white-color);
        margin-top: 28%;
        font-size: 28px;
    }

}

@media(max-width:475px) {
    a.navbar-brand img {
        width: 200px;
        height: 30px;
    }

    .main-slider .main-banner {
        background-size: 100% 100%;
        width: 100%;
        height: 450px;
    }

    .main-slider .main-banner .main-title {
        color: var(--white-color);
        margin-top: 40%;
        font-size: 24px;
    }
}

@media(max-width:375px) {

    .main-slider .main-banner {
        background-size: 100% 100%;
        width: 100%;
        height: 450px;
    }

    .main-slider .main-banner .main-title {
        color: var(--white-color);
        margin-top: 46%;
        font-size: 20px;
    }
}