@media all and (min-width: 1367px) and (max-width: 1600px) {
}



@media screen and (max-width: 767px) {
    .navbar{display:none;}
    #fullPage-nav.right{display:none;}
    .mega-menu{width:calc(100vw - 0px);}
    .mega-content {width: 100%; padding: 20px; grid-template-columns: repeat(1, 1fr);  gap: 40px; overflow-y:scroll;}
    .mega-content .col a{padding:5px 0px;}
    .mega-wrapper{width:100%; z-index:999;}
	.menu{width:100%; ;position:relative; height:100vh;}
	.mega-menu.active {display: block; overflow-y: scroll; width:100%;}
	.hamburger-box.active .bun{color:#000;}
	header{padding:10px 15px; background:#fff;}
	.menu-logo img{margin-bottom:0px;}
	.menu a{padding:8px 15px;}
	.hamburger-box.active {top: 0px;  background: #fff; height: 44px;  right: 10px;}
	div.hamburger-box .top{background:#000;}
	div.hamburger-box .bottom{background:#000;}
	div.hamburger-box .meat{background:#000;}
	.section.table.active {
		height: auto !important;
	}
	.section.custom-full1.active{height:auto !important;}
	.tableCell{height:auto !important; display:block;}
	.section.custom-full1.services-section.table{height:auto !important; display:block !important;}
	.mega-content {width: 100%; padding: 20px; display: grid; grid-template-columns: repeat(0, 0fr);  gap: 20px; float: right;}
    .tab{width:95%; margin:20px auto; float:none;}
    .tabcontent{width:100%; margin:20px auto; float:none;}
    .top-header {padding:5px 20px; background:#ccc; left:0;}
    .generative-ai-bg {background-size:cover;}
    .typing H1 {font-size: 30px;}
    }

@media screen and (max-width: 767px) {

    /* Hide desktop mega behavior */
    .mega-wrapper {
        position: fixed;
        inset: 0;
        background: #fff;
        z-index: 9999;
        overflow-y: auto;
        display: none;
    }

    .mega-wrapper.show {
        display: block;
    }

    /* Stack everything */
    .mega-menu {
        display: none;
        padding: 15px;
    }

    .mega-menu.active {
        display: block;
    }

    .mega-content {
        display: block;
    }

    .mega-content .col {
        width: 100%;
        margin-bottom: 20px;
    }

    /* Menu list */
    .fullmenu {
        display: block;
    }

    .fullmenu li {
        border-bottom: 1px solid #eee;
    }

    .menu a {
        display: block;
        padding: 14px 16px;
        font-size: 16px;
    }

    /* Close button */
    .menu-close {
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 22px;
        cursor: pointer;
    }
	.menu-close {
        position: absolute;
        top: 0;
        right: 0;
        text-align: right;
        font-size: 35px;
        padding:0px 15px;
        cursor: pointer;
        background: #fff;
        z-index: 10000;
    }
	.section.custom-full1 {
    min-height: auto;
    height: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.our-client-bg{background-size:100% 100%;}


    .section {
        height: auto !important;
        min-height: 100svh;
        position: relative !important;
        overflow: visible !important;
    }

    .table,
    .tableCell {
        display: block !important;
        height: auto !important;
    }

    /* Allow internal scrolling */
    .scrollable {
        height: auto !important;
        overflow: visible !important;
    }


}

@media screen and (max-width: 767px) {

	html, body {
		height: auto !important;
		overflow: auto !important;
	}

	#superContainer {
		transform: none !important;
		top: 0 !important;
		height: auto !important;
	}

	.section {
		height: auto !important;
		min-height: 100vh;   /* full screen per section */
		position: relative;
	}

	.table,
	.tableCell {
		display: block !important;
		height: auto !important;
		padding:30px 0px;
	}
	.services-heading h5 {font-size:25px;}
	.menu {padding:0px;}
	.menu li:first-child a{padding:0px;}
	.logo img {width: 100px;  margin-top: 0;}
}