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

    .mog-gifaniadiv-gif-2 {
        right: -5%;
        top: -79%;
    }

    .hero-left-conten {
        display: flex;
        gap: 25px;
        flex-direction: column;
    }

    .hero-left-content h1 {
        font-size: 55px;
    }

    .new-mo-aboutsection-right p {
        font-size: 18px;
    }

    .mo-ourexper-section-left p {
        font-size: 18px;
    }

    .mo-progress-title {
        font-size: 20px;
    }

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

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

@media screen and (min-width:1200px){
     .mod-contact-formsection p{
        margin-right:10px;
    }
}

@media screen and (max-width:1199px) and (min-width:992px) {

    .contact-btn {
        padding: 10px 15px;
    }

    .modo-unique-nav-item>a {
        font-size: 12px;
    }
   .mod-contact-formsection p{
        margin-right:10px;
    }
    
     .custom-faq-content{
        padding-left: 10px;
    }

    .mo-about-faq-section-left-img{
        width: 90%;
    }

    .ab-mod-fountation-section-left{
        padding: 35px;
        margin-right: 0px;
    }
}



@media (max-width: 991px) {
    .tahe-power-col-maindiv .row {
        grid-template-columns: repeat(2, 1fr);
                gap: 10px;
    }

    .modp-main-heading {
        display: none;
    }

    .modo-mobile-nav {
        display: block;
        background: #0b0b0b;
        color: #fff;
        padding: 12px 18px;
    }

    .modo-mobile-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .modo-mobile-logo {
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        text-decoration: none;
    }

    /* ===== Custom White Toggle Button ===== */
    .modo-mobile-toggle-btn {
        width: 30px;
        height: 22px;
        position: relative;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .modo-mobile-toggle-btn span {
        display: block;
        height: 3px;
        width: 100%;
        background: #fff;
        border-radius: 5px;
        transition: all 0.3s ease;
    }

    /* Animate to X when active */
    .modo-mobile-toggle-btn.active span:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }

    .modo-mobile-toggle-btn.active span:nth-child(2) {
        opacity: 0;
    }

    .modo-mobile-toggle-btn.active span:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }

    /* ===== Mobile Menu ===== */
    .modo-mobile-menu {
        list-style: none;
        margin: 0;
        padding: 0;
        display: none;
        flex-direction: column;
        background: #111;
        border-radius: 8px;
        margin-top: 12px;
        overflow: hidden;
    }

    .modo-mobile-menu.show {
        display: flex;
    }

    .modo-mobile-item>a {
        display: block;
        padding: 12px 16px;
        color: #fff;
        text-decoration: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        transition: background 0.3s;
    }

    .modo-mobile-item>a:hover {
        background: #188C37;
    }

    /* Dropdowns */
    .modo-mobile-dropdown {
        display: none;
        flex-direction: column;
        background: #1b1b1b;
    }

    .modo-mobile-dropdown li a {
        padding: 10px 30px;
        font-size: 14px;
        color: #ddd;
    }

    .modo-mobile-dropdown li a:hover {
        background: #2a2a2a;
    }

    /* Dropdown Arrow */
    .has-mobile-dropdown>a::after {
        font-family: "Font Awesome 6 Free";
        content: "\f078";
        /* fa-chevron-down */
        font-weight: 900;
        margin-left: 8px;
        font-size: 12px;
        float: right;
        transition: transform 0.3s ease;
    }

    .has-mobile-dropdown.open>a::after {
        transform: rotate(180deg);
    }

    /* Contact Button */
    .modo-mobile-contact {
        display: block;
        text-align: center;
        padding: 12px;
        background: #188C37;
        color: #fff;
        text-decoration: none;
        border-radius: 6px;
        margin: 12px 16px;
        font-weight: 500;
    }

    .modo-mobile-contact:hover {
        background: #16a34a;
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    .new-mo-about-btn {
    margin-bottom: 20px;
}
    .cases-swiper .swiper-button-prev {
    right: 23%;
}
.building-en-mo-section-left-ul{
        margin-bottom: 20px;
}
.mo-mian-whychoose-section-center-img {
    width: 50%;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}
.core-tab-img img{
    margin-bottom:20px;
}
 .mo-abou-count-section-right-content{
        padding: 25px 30px;
    }

    .mo-abou-count-section-right-h4 {
font-size: 42px;
}

.mo-abou-count-section-right-h6{
    font-size: 16px;
}

.custom-faq-content{
    padding-left: 0px;
}

.mo-about-faq-section-left-img {

width: 95%;
}
}




@media screen and (max-width:767px) {
    .mo-tools-use-section-flex-divv {
    grid-template-columns: repeat(3, 1fr);
}
    .core-tab-img img{
            margin-bottom: 20px;
    }
    .mo-mian-whychoose-section{
        margin-top:0;
    }
    .mo-mian-whychoose-section-center-img {
        margin: 20px 0;
    }
    .mo-key-benifit-section-h3 {
            font-size: 30px;
    }
    .mo-key-benifit-section-coldiv{
            margin-bottom: 20px;
    }
    .mo-tools-use-section-h3{
            font-size: 30px;
    }
    .new-mo-about-tag-a-h3{
            font-size: 28px;
    }
    .tahe-power-col-maindiv-content{
            margin-bottom: 20px;
    }
    .core-mo-tab-section {
            padding-top: 0;
    }
    .core-mo-tab-section-h3 {
    font-size: 30px;
    }
    .core-mo-tab-section-p{
        width:100%;
    }
    .building-en-mo-section .after-image{
        display:none;
    }
    .building-en-mo-section-left-ul{
            margin-bottom: 20px;
    }
    .new-mo-about-btn{
            margin-bottom: 15px;
    }
    .mo-what-build-section{
        margin-top:0;
            padding-top: 60px;
    }
    .mo-what-build-section-left-img{
        margin-bottom:20px;
    }
    .building-en-mo-section-left-h3{
            font-size: 30px;
    }
    .mo-what-build-section-right-h3{
        font-size: 26px;
    }
    .energy-model-section {
        margin-top: 50px;
    }
    .energy-model-section-left-h3 {
        font-size: 30px;

}
.power-behind-section-left-h3 {

        font-size: 30px;
}
    .mo-faq-question{
            font-size: 20px;
    }
    .mo-contact-item{
        margin-bottom: 60px;
    }
        .tailered-mo-maincol-content {
        margin-bottom: 30px;
    }
    .copy-right-div{
            flex-direction: column;
    }
    .copy-txt{
        text-align:center;
                margin-bottom: 10px;
    }
    .big-container-white{
            padding: 20px;
    }
    .mod-contact-formsection-left-img{
        width:100%;
        margin-bottom:20px;
    }
    .mod-contact-formsection-right{
        padding:15px;
    }
.new-mo-aboutsection{
    bottom:unset;
}
    .new-mo-about-tag {
        margin-top: 30px;
    }

    .new-mo-aboutsection-leftim {
        width: 100%;
        height:unset;
    }

    .marquee-left .marquee-item {
        font-size: 45px;
    }

    .marquee-right .marquee-item {
        font-size: 45px;
    }

    .new-mo-aboutsection-right h2 {
        font-size: 30px;
    }

    .tailered-mo-mainsection-h2 {
        font-size: 30px;
    }

    .mo-ourexper-section-left h2 {
        font-size: 30px;
    }

    .home-cases-section .main-heading {
        font-size: 30px;
        margin-top: 25px;

    }

    .modp-testi-section h2 {
        font-size: 30px;
    }

    .home-prefoo-cont h2 {
        font-size: 30px;
        text-align: center;
    }

    .home-prefoo-cont {
        padding: 55px 30px;
    }

    .pree-foo-cta {
        display: flex;
        justify-content: center;
    }

    .modp-testi-section {
        text-align: center;
    }

    .modp-testi-section .swiper-button-next,
    .modp-testi-section .swiper-button-prev {
        display: none;
    }

    .brand-marquee-lo {
        gap: 50px;
    }

    .brand-logo {
        max-height: 60px;
        max-width: 120px;
    }

    .brand-logo-wrapper {
        height: 70px;
    }

    .mo-ourexper-section {
        padding: 60px 0;
    }


    .mo-ourexper-section-right {
        margin-top: 40px;
    }

    .core-tabs-nav {
        flex-wrap: wrap;
        /* stack tabs if too narrow */
    }

    .core-tab-item {
        flex: 100%;
        border-bottom: 2px solid #e0e0e0;
    }

    .core-tab-item.active {
        border-bottom: 2px solid #007a3d;
    }

    .modb-page-topbanner-section {
        height: 250px;
    }

    .modb-banner-title {
        font-size: 26px;
    }

    .modb-banner-breadcrumb {
        font-size: 14px;
    }
    .cases-swiper .swiper-button-prev {
    right: 24%;
}
.mo-abou-count-section-right-content{
margin-top: 30px;
}
.custom-faq-content{
    padding-left: 0px;
}

.mo-about-about-sec-ro{
    margin-top: 0px;
}

.mo-abou-count-section .container{
    padding: 60px 20px;
}

    .table-responsive {
        overflow-x: scroll;
        scroll-behavior: smooth;
    }
.daylight-table {
        table-layout: auto;
    }
.cbdm-table-section-topn-p {
    color: #4B4B4B;
    text-align: center;
    width: 100%;
    margin: 0 auto;

}
}



@media (max-width: 599px) {
    .tahe-power-col-maindiv .row {
        grid-template-columns: 1fr;
    }
        .tailered-mo-maincol-content {
        margin-bottom: 30px;
    }
    .cases-swiper .swiper-button-prev {
    right: 28%;
}
}

@media screen and (max-width:480px) {
    
    .mo-tools-use-section-flex-divv {
    gap: 40px;
    grid-template-columns: 1fr 1fr;
}

    .modb-page-topbanner-section {
        height: 220px;
    }

    .modb-banner-title {
        font-size: 22px;
    }

    .hero-section-left {
        padding: 40px 0px;

    }

    .cases-swiper {
        width: 100%;
        margin: 0 auto;
        display: flex;
        padding: 0px 18px;


    }


    .hero-left-content h1 {
        font-size: 35px;
    }

    .new-mo-about-boxes {
        flex-direction: column;
        gap: 25px;
    }

    .new-mo-about-experience {
        width: 45%;
    }

    .tailered-mo-maincol-content {
        margin-bottom: 30px;
    }

    .tail-seco-rowdiv {
        margin-top: 0px;
    }

    .cases-swiper .swiper-button-next {
        right: 8%;
        top: 14%;
    }

    .cases-swiper .swiper-button-prev {
        right: 24%;
        top: 14%;
    }

    .mog-gifaniadiv-gif {
        width: 42%;
        top: -50%;
    }
    
    .mo-abou-count-section-right-content-1{
        display: none;
    }

    .ab-mod-fountation-section-left{
        margin-right: 0px;
    }

    .ab-mod-fountation-section-right{
        margin-top: 35px;
    }

    .mo-about-faq-section-left-img{
        width: 95%;
    }
    .custom-faq-content{
        padding: 10px;
    }
}