.onlyMobile {display: none !important;}
.onlyMobileFlex {display: none !important;}
.onlyDesktop {display: block !important;}
.onlyDesktopFlex {display: flex !important;}


/* Mobile styles (for screens up to 768px wide) */

.header .mobileCloseicon {display: none !important; }
@media screen and (max-width: 768px) {

    .onlyMobile {display: block !important;}
    .onlyMobileFlex {display: flex !important;}
    .onlyDesktop {display: none !important;}
    .onlyDesktopFlex {display: none !important;}

 
.header .mobileMenuicon, .header .mobileCloseicon {position: fixed; top:25px; right:25px;}
.header .mobileMenuicon.show, .header .mobileCloseicon.show {display: block !important; z-index: 100001;}

.header .mobile_nav, .header.freezed .mobile_nav  {display: none !important; list-style: none; padding:25px; margin: 0; position: fixed; top:0; left:0; width:100%; height: 100vh; background: rgba(255,255,255,0.90); backdrop-filter: blur(30px); z-index: 99999;}
.header .mobile_nav.show {display: block !important;}

.header .mobile_nav li {display: block !important; margin: 0; padding: 0; list-style: none;}
.header .mobile_nav li a {display: block !important; padding: 12px 15px; margin: 0; color: #000; font-size: 16px; font-weight: 500; text-decoration: none; border-bottom: 1px solid #ddd;}

.header .mobile_nav li .sub-menu {margin: 0 0 0 5px; padding: 0 0 0 5px;}
.header .mobile_nav li .sub-menu li a {font-size: 14px;}

.home_marquee .content {position: relative; padding:25px 0; left:auto; color:#000; width:100%; height: auto; }
.project-slider.owl-carousel .owl-nav {width: 100%;  right: 0; bottom: -100px;}

.contact_info_list li label {display: none !important;}

}