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


@media all and (min-width: 1281px) and (max-width: 1366px) {
    .wrapper{padding-right:5%;}
}

@media all and (min-width: 1181px) and (max-width: 1280px) {
    .wrapper{padding-right:5%;}
}

@media all and (min-width: 1025px) and (max-width: 1180px) {
    .wrapper{padding-right:5%;}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .wrapper{padding-right:5%;}
}



@media screen and (max-width: 767px) {
   
    .navbar {
        display: none;
        margin-bottom: 0px;
        min-height: auto;
    }
    #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;}*/
    .main-menus {
        display: block;
        margin-top: 8px;
    }

        .main-menus li a {
            font-size: 16px;
            color: #000;
            padding: 4px 0px;
            font-weight: 200;
            margin-left:20px;
        }
	.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:#000; left:0;}
    .generative-ai-bg {background-size:cover;}
    .typing H1 {font-size: 20px;}
    .typing p {padding:8px 0px; margin-bottom:5px; margin-top:0px; font-size:16px;}
    .heading h2 {padding-top:0px;}
    .heading h3{font-size:26px; line-height:35px;}
    .glass-box{margin-bottom:15px;}
    .tab-active{width:100%; margin-top:0px;}
    .tabcontent{padding:0px;}
    .tech-card{padding:5px 15px;}
    .tech-items {height: 200px; grid-template-columns: repeat(3, 3fr);}
    .process-container-home {display:inline-table; padding:0px 20px;}
    .desc{font-size:14px;}
    .step p{font-size:14px;}
    .contact-us{position:relative;}
    .copyright p{padding:20px;}
    .stripe{height:auto;}

    
 }

@media screen and (max-width: 767px) {
    .banner-text {
        left: 0;
        top: 15%; padding:0px 15px;
    }
    .cta-btn {padding:10px 20px; font-size:14px;}



    /* 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;
    }*/
    /*.menu-close {
        display:block;
        width: 1250px;
        position: relative;
        top: 0px;
        right: 0px;
        font-size: 50px;
        cursor: pointer;
        color: #000;
        background: #ffffff;
    }*/

    .menu-close {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px; /* Moves it to right */
        font-size: 40px;
        cursor: pointer;
        color: #000;
        background: #fff;
        width: auto; /* remove 1250px */
        z-index: 1000;
    }
        .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;}


    .generative-ai-img{display:none !important;}
    .section.custom-full1.topbanner.table{padding:0px !important;}
}