@media(max-width:991px){

    .menu{
    
    position:absolute;
    
    top:90px;
    
    left:-100%;
    
    width:100%;
    
    background:#fff;
    
    display:flex;
    
    flex-direction:column;
    
    padding:30px;
    
    transition:.4s;
    
    box-shadow:0 10px 20px rgba(0,0,0,.1);
    
    }
    
    .menu.active{
    
    left:0;
    
    }
    
    .mobile-menu{
    
    display:block;
    
    }
    
    .header-right{
    
    display:none;
    
    }
    
    .top-bar{
    
    display:none;
    
    }
    
    }

    .dropdown-menu{

        position:static;
        
        opacity:1;
        
        visibility:visible;
        
        transform:none;
        
        display:none;
        
        box-shadow:none;
        
        width:100%;
        
        padding:0;
        
        }
        
        .dropdown.active .dropdown-menu{
        
        display:block;
        
        }


        /* ==========================================
 HERO RESPONSIVE
========================================== */

/* Large Laptop */

@media (max-width: 1400px){

    .hero h1{
    
    font-size:56px;
    
    }
    
    .hero-container{
    
    gap:40px;
    
    }
    
    .hero-image img{
    
    max-width:500px;
    
    }
    
    }
    
    
    /* Laptop */
    
    @media (max-width:1200px){
    
    .hero{
    
    padding:140px 0 80px;
    
    }
    
    .hero-container{
    
    grid-template-columns:1fr 1fr;
    
    gap:30px;
    
    }
    
    .hero h1{
    
    font-size:48px;
    
    }
    
    .hero p{
    
    font-size:17px;
    
    }
    
    .feature-box{
    
    min-width:190px;
    
    }
    
    .hero-image img{
    
    max-width:450px;
    
    }
    
    .card-one{
    
    left:-10px;
    
    }
    
    .card-two{
    
    right:-10px;
    
    }
    
    }
    
    
    /* Tablet */
    
    @media (max-width:991px){
    
    .hero{
    
    padding:140px 0 80px;
    
    }
    
    .hero-container{
    
    grid-template-columns:1fr;
    
    text-align:center;
    
    }
    
    .hero-content{
    
    order:2;
    
    }
    
    .hero-image{
    
    order:1;
    
    min-height:auto;
    
    margin-bottom:40px;
    
    }
    
    .hero h1{
    
    font-size:42px;
    
    }
    
    .hero p{
    
    margin:auto;
    
    margin-bottom:40px;
    
    }
    
    .hero-buttons{
    
    justify-content:center;
    
    flex-wrap:wrap;
    
    }
    
    .hero-features{
    
    justify-content:center;
    
    }
    
    .hero-image img{
    
    max-width:420px;
    
    }
    
    .card-one{
    
    top:20px;
    
    left:10px;
    
    }
    
    .card-two{
    
    top:180px;
    
    right:10px;
    
    }
    
    .card-three{
    
    bottom:20px;
    
    left:40px;
    
    }
    
    .hero-glass{
    
    display:none;
    
    }
    
    .scroll-down{
    
    display:none;
    
    }
    
    }
    
    
    /* Mobile */
    
    @media (max-width:768px){
    
    .hero{
    
    padding:120px 0 60px;
    
    }
    
    .hero h1{
    
    font-size:34px;
    
    line-height:1.3;
    
    }
    
    .hero p{
    
    font-size:16px;
    
    }
    
    .hero-badge{
    
    font-size:13px;
    
    padding:8px 18px;
    
    }
    
    .hero-buttons{
    
    flex-direction:column;
    
    }
    
    .btn{
    
    width:100%;
    
    }
    
    .hero-image img{
    
    max-width:320px;
    
    }
    
    .feature-box{
    
    width:100%;
    
    }
    
    .floating-card{
    
    transform:scale(.85);
    
    }
    
    .card-one{
    
    left:0;
    
    }
    
    .card-two{
    
    right:0;
    
    }
    
    .card-three{
    
    left:20px;
    
    }
    
    }
    
    
    /* Small Mobile */
    
    @media (max-width:480px){
    
    .hero{
    
    padding-top:100px;
    
    }
    
    .hero h1{
    
    font-size:28px;
    
    }
    
    .hero p{
    
    font-size:15px;
    
    }
    
    .hero-image img{
    
    max-width:270px;
    
    }
    
    .hero-image::before{
    
    width:280px;
    
    height:280px;
    
    }
    
    .hero-image::after{
    
    width:220px;
    
    height:220px;
    
    }
    
    .floating-card{
    
    min-width:180px;
    
    padding:14px;
    
    }
    
    .floating-card h5{
    
    font-size:15px;
    
    }
    
    .floating-card span{
    
    font-size:12px;
    
    }
    
    .hero-features{
    
    gap:15px;
    
    }
    
    .feature-box{
    
    padding:16px;
    
    }
    
    .feature-box i{
    
    width:50px;
    
    height:50px;
    
    font-size:18px;
    
    }
    
    }

    /*=========================================
        SERVICES RESPONSIVE
=========================================*/

/* Laptop */

@media (max-width:1200px){

    .services-grid{
    
    grid-template-columns:repeat(2,1fr);
    
    }
    
    }
    
    /* Tablet */
    
    @media (max-width:991px){
    
    .services{
    
    padding:90px 0;
    
    }
    
    .section-title h2{
    
    font-size:38px;
    
    }
    
    .services-grid{
    
    grid-template-columns:repeat(2,1fr);
    
    gap:25px;
    
    }
    
    .service-card{
    
    padding:30px;
    
    }
    
    }
    
    /* Mobile */
    
    @media(max-width:768px){
    
    .section-title h2{
    
    font-size:32px;
    
    }
    
    .section-title p{
    
    font-size:16px;
    
    }
    
    .services-grid{
    
    grid-template-columns:1fr;
    
    }
    
    .service-card{
    
    padding:28px;
    
    }
    
    .service-icon{
    
    width:70px;
    
    height:70px;
    
    font-size:28px;
    
    }
    
    }
    
    /* Small Mobile */
    
    @media(max-width:480px){
    
    .services{
    
    padding:70px 0;
    
    }
    
    .section-title h2{
    
    font-size:28px;
    
    }
    
    .service-card{
    
    padding:24px;
    
    }
    
    .service-number{
    
    font-size:50px !important;
    
    }
    
    }


    @media(max-width:991px){

        .mega-menu-content{
        
            position:static;
        
            transform:none;
        
            width:100%;
        
            display:block;
        
            opacity:1;
        
            visibility:visible;
        
            box-shadow:none;
        
            padding:10px 0;
        
        }
        
        .mega-column{
        
            margin-bottom:30px;
        
        }
        
        }