@media only screen and (max-width:900px) {
    .main-header .logo-box .logo {
        margin: 0px 0px 0px 0px !important;
    }

    .ma5menu__toggle {
        margin-top: 20px!important;
    }

    .business .sec-title h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .business-section .upper-box h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .main-footer .footer-bottom .copyright {
        text-align: center;
    }

    .business .home-team-section {
        padding-bottom: 0px;
    }

    .main-footer .widgets-section h4 {
        font-size: 20px;
    }

    /*****Media page kk ab****/
    .allpagesec {
        height: 250px;
    }

    .allpagesech1 {
        font-size: 20px;
        line-height: 25px;
        margin-top: 175px !important;
    }

    .pagehelefp {
        font-size: 18px;
    }

    .pagehelef-texth1 {
        font-size: 18px;
        line-height: 28px;
    }

    /*******media* cont******/
    .contactuspageh2 {
        font-size: 14px;
    }

    .contactuspageico {
        font-size: 20px!important;
    }

    .contactuspage-box {
        min-height: inherit;
        margin: 10px 0px 10px 0px;
    }

    .Clabel_btn2 {
        margin: 15px 0px 0px 5px;
    }

    .margcontaa {
        padding: 0px 0px 30px 0px !important;
    }
    .margcontaa1 {
       display:none;

    }
    .principmess {
        margin: 40px 0px 0px 0px;
    }


    .main-footer .widgets-section {
        padding: 30px 0px 0px 0px;
    }

    .principamimg {
        margin: 0px 0px 20px 0px;
    }

    .mainhaimsh1 {
        font-size: 16px;
        line-height: 24px;
    }
    .principtextmmp {
        font-size:16px;
    }
    .navbar-area .nav-container .logo a img {
        height: auto;
        max-width: 300px!important;
    }
    .banner-area-2 {
        padding: 40px 0 40px!important;
    }
}
/* Desktop: Hover submenu - same as previous design */
@media (min-width: 992px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover > .sub-menu {
        visibility: visible;
        opacity: 1;
    }
}

/* Mobile/Submenu click toggle */
@media (max-width: 991px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children > .sub-menu {
        display: none;
        position: relative;
        top: 0;
        left: 0;
        box-shadow: none;
    }

    /* Show submenu when parent has 'active' */
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children.active > .sub-menu {
        display: block;
    }
}

/* Cursor pointer for all menu items */
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children > a {
    cursor: pointer;
}

    /* Hover effect for menu items */
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children > a:hover {
        color: var(--main-color-one); /* change to your hover color */
        transition: color 0.3s ease;
    }

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    color: #fff; /* submenu hover color */
    background-color: var(--main-color-one); /* submenu background hover */
    transition: all 0.3s ease;
    cursor: pointer;
}
/* Submenu basic style */
.navbar-nav li.menu-item-has-children > .sub-menu {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

/* Active submenu */
.navbar-nav li.menu-item-has-children.active > .sub-menu {
    max-height: 500px; /* large enough to show full submenu */
    opacity: 1;
    visibility: visible;
}

/* Hover effect for desktop */
@media (min-width: 992px) {
    .navbar-nav li.menu-item-has-children:hover > .sub-menu {
        max-height: none;
        opacity: 1;
        visibility: visible;
    }
}

/* Cursor pointer */
.navbar-nav li.menu-item-has-children > a {
    cursor: pointer;
}
.media {
    margin-bottom:20px;
}
/*.pd-top-120 {
    padding-top: 50px!important;
}*/
/*.dnone {
    display:none;
}
.banner-area-2 .banner-shape {
     display: inherit!important; 
}
.banner-area-2 .banner-shape {
    width: 100%!important;
}
.banner-area-2 .banner-shape {
    position: inherit!important;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}*/
/*.pd-top-115 {
    padding-top: 40px!important;;
}
.pd-top-90 {
    padding-top: 10px!important;
}
.pd-bottom-90 {
    padding-bottom: 10px !important;
}

.pd-top-110 {
    padding-top: 10px !important;
}
.pd-bottom-110 {
    padding-bottom: 10px !important;
}
.pb-5 {
    padding-bottom: 10px !important;
}*/