/*
=========================================================
 FASTCORE TJS — MODERN PREMIUM DESIGN
=========================================================

PHP / SQL fonksiyonlarına dokunmaz.
Sadece görsel tasarım katmanıdır.

MANUEL GÖRSEL ALANLARI:

/img/design/logo.png
/img/design/hero.jpg
/img/design/banner.jpg
/img/design/about.jpg

Paket görselleri mevcut sistemden alınmaya devam eder:
/img/items/1.png
/img/items/2.png
...

=========================================================
*/

:root{
    --fc-primary:#6c5ce7;
    --fc-primary-dark:#5145c5;
    --fc-secondary:#00b894;
    --fc-danger:#ff5c75;
    --fc-warning:#f9ca24;

    --fc-bg:#f5f7fb;
    --fc-card:#ffffff;
    --fc-text:#202633;
    --fc-muted:#7d8799;
    --fc-border:#e9edf5;

    --fc-dark:#171b2d;
    --fc-dark-2:#20263b;

    --fc-radius:18px;
    --fc-shadow:0 10px 35px rgba(31,35,55,.07);
    --fc-shadow-hover:0 18px 45px rgba(31,35,55,.13);
}

/* =====================================================
   GENERAL
===================================================== */

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    padding:0;
    background:
        radial-gradient(
            circle at top left,
            rgba(108,92,231,.07),
            transparent 32%
        ),
        var(--fc-bg);

    color:var(--fc-text);
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    font-size:15px;
    line-height:1.6;
}

/* scrollbar */

::-webkit-scrollbar{
    width:8px;
}

::-webkit-scrollbar-track{
    background:#edf0f6;
}

::-webkit-scrollbar-thumb{
    background:#b9bfd0;
    border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{
    background:var(--fc-primary);
}

/* =====================================================
   NAVBAR
===================================================== */

.navbar{
    min-height:72px;
    padding:10px 0;

    background:
        linear-gradient(
            135deg,
            #171b2d,
            #252b45
        ) !important;

    box-shadow:
        0 5px 25px rgba(18,22,40,.18);

    position:relative;
    z-index:100;
}

.navbar-brand{
    font-size:21px;
    font-weight:800;
    letter-spacing:.5px;
    color:#fff !important;
}

.navbar-brand img{
    max-height:42px;
    max-width:180px;
    object-fit:contain;
}

.navbar-brand .text-warning{
    color:#a99cff !important;
}

.navbar .nav-link{
    color:rgba(255,255,255,.72) !important;
    padding:10px 13px !important;
    margin:0 2px;
    border-radius:10px;
    font-weight:500;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.navbar .nav-link:hover{
    color:#fff !important;
    background:rgba(255,255,255,.09);
    transform:translateY(-1px);
}

.navbar .navbar-toggler{
    border:1px solid rgba(255,255,255,.15);
    border-radius:10px;
}

/* =====================================================
   PAGE CONTAINER
===================================================== */

.container-xl{
    max-width:1280px;
}

/* =====================================================
   TITLES
===================================================== */

.title{
    margin:22px 0 20px;
    color:var(--fc-text);
    font-size:25px;
    letter-spacing:.3px;
}

.title b{
    font-weight:800;
}

/* =====================================================
   WRAPPER
===================================================== */

.wrapper{
    padding:24px;

    background:var(--fc-card);

    border:1px solid var(--fc-border);

    border-radius:var(--fc-radius);

    box-shadow:var(--fc-shadow);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.wrapper:hover{
    box-shadow:var(--fc-shadow-hover);
}

/* =====================================================
   CARDS
===================================================== */

.card{
    background:var(--fc-card);

    border:
        1px solid
        var(--fc-border);

    border-radius:
        var(--fc-radius);

    box-shadow:
        var(--fc-shadow);

    overflow:hidden;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.card:hover{
    transform:translateY(-2px);

    box-shadow:
        var(--fc-shadow-hover);
}

.card-header{
    padding:17px 20px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8f9fd
        );

    border-bottom:
        1px solid
        var(--fc-border);

    color:var(--fc-text);

    font-weight:700;
}

.card-body{
    padding:22px;
}

/* =====================================================
   JUMBOTRON / HERO
===================================================== */

.jumbotron{
    position:relative;

    margin-top:20px;

    padding:55px 45px;

    min-height:340px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    overflow:hidden;

    border:0;

    border-radius:
        28px;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #171b2d 0%,
            #272d4b 55%,
            #5145c5 100%
        );

    box-shadow:
        0 25px 60px
        rgba(37,42,75,.22);
}

.jumbotron:before{
    content:"";

    position:absolute;

    width:420px;
    height:420px;

    right:-150px;
    top:-180px;

    border-radius:50%;

    background:
        rgba(255,255,255,.07);
}

.jumbotron:after{
    content:"";

    position:absolute;

    width:250px;
    height:250px;

    right:120px;
    bottom:-160px;

    border-radius:50%;

    background:
        rgba(255,255,255,.05);
}

.jumbotron > *{
    position:relative;
    z-index:2;
}

.jumbotron h1{
    font-size:
        clamp(32px,5vw,58px);

    font-weight:900;

    margin-bottom:12px;
}

.jumbotron p{
    color:
        rgba(255,255,255,.75);

    font-size:18px;
}

.jumbotron hr{
    border-color:
        rgba(255,255,255,.12);
}

/* =====================================================
   HERO IMAGE
===================================================== */

/*
MANUEL OLARAK HERO GÖRSELİ EKLEMEK İÇİN:

/img/design/hero.jpg

Dosya varsa PHP/HTML içerisine aşağıdaki sınıfı
kullanabilirsin.
*/

.fc-hero-image{
    width:100%;
    max-height:430px;

    object-fit:cover;

    border-radius:
        24px;

    display:block;

    box-shadow:
        var(--fc-shadow);
}

/* =====================================================
   DESIGN IMAGE BOX
===================================================== */

.fc-image-box{
    position:relative;

    overflow:hidden;

    border-radius:
        var(--fc-radius);

    background:#eef1f7;

    min-height:180px;
}

.fc-image-box img{
    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:
        transform .5s ease;
}

.fc-image-box:hover img{
    transform:scale(1.04);
}

/* =====================================================
   STATISTICS
===================================================== */

.row.text-center.text-uppercase .wrapper{
    min-height:130px;

    display:flex;
    flex-direction:column;

    align-items:center;
    justify-content:center;

    margin-bottom:18px;
}

.row.text-center.text-uppercase .wrapper i{
    width:48px;
    height:48px;

    display:flex;

    align-items:center;
    justify-content:center;

    margin-bottom:8px;

    border-radius:14px;

    background:
        rgba(108,92,231,.1);

    color:
        var(--fc-primary);

    font-size:20px !important;
}

/* =====================================================
   BUTTONS
===================================================== */

.btn{
    border-radius:11px;

    font-weight:600;

    padding:
        9px 17px;

    border:0;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        opacity .2s ease;
}

.btn:hover{
    transform:translateY(-1px);

    box-shadow:
        0 8px 20px
        rgba(0,0,0,.09);
}

.btn:active{
    transform:
        translateY(0);
}

.btn-success{
    background:
        linear-gradient(
            135deg,
            #00b894,
            #00a383
        ) !important;
}

.btn-danger{
    background:
        linear-gradient(
            135deg,
            #ff5c75,
            #e8435d
        ) !important;
}

.btn-primary{
    background:
        linear-gradient(
            135deg,
            var(--fc-primary),
            var(--fc-primary-dark)
        ) !important;
}

.btn-warning{
    color:#1d2432 !important;

    background:
        linear-gradient(
            135deg,
            #ffe27a,
            #f9ca24
        ) !important;
}

.btn-white{
    background:#fff !important;

    border:1px solid
        var(--fc-border) !important;
}

/* =====================================================
   FORMS
===================================================== */

.form-control,
.custom-select{
    min-height:46px;

    border:
        1px solid
        #dfe4ee;

    border-radius:11px;

    background:#fff;

    color:var(--fc-text);

    box-shadow:none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.form-control:focus,
.custom-select:focus{
    border-color:
        var(--fc-primary);

    box-shadow:
        0 0 0 3px
        rgba(108,92,231,.12) !important;
}

textarea.form-control{
    min-height:110px;
}

/* =====================================================
   ALERTS
===================================================== */

.alert{
    border:0;

    border-radius:
        13px;

    padding:
        14px 17px;

    box-shadow:
        0 5px 18px
        rgba(0,0,0,.04);
}

.alert-success{
    color:#087f5b;
    background:#e9fbf5;
}

.alert-danger{
    color:#b4233d;
    background:#fff0f3;
}

.alert-warning{
    color:#876400;
    background:#fff8dd;
}

.alert-info{
    color:#245b9c;
    background:#edf6ff;
}

/* =====================================================
   TABLES
===================================================== */

.table{
    color:var(--fc-text);
    margin-bottom:0;
}

.table thead th{
    border:0;

    background:#f6f8fc;

    color:#626c7f;

    font-size:12px;

    text-transform:
        uppercase;

    letter-spacing:.5px;
}

.table td,
.table th{
    border-color:
        var(--fc-border);

    vertical-align:
        middle;

    padding:
        13px 12px;
}

.table-hover tbody tr{
    transition:
        background .2s ease;
}

.table-hover tbody tr:hover{
    background:#f8f9fd;
}

/* =====================================================
   ACCOUNT AREA
===================================================== */

.content{
    float:left;

    display:block;

    width:
        calc(100% - 320px);
}

.content > div{
    margin:
        7px;

    padding:
        18px;

    background:
        transparent;

    border:0;

    border-radius:
        var(--fc-radius);
}

/* =====================================================
   LEFT SIDEBAR
===================================================== */

.leftbar{
    border-radius:
        20px;

    background:
        linear-gradient(
            180deg,
            #171b2d,
            #222842
        ) !important;

    width:300px;

    margin:7px;

    display:block;

    float:left;

    overflow:hidden;

    box-shadow:
        0 15px 40px
        rgba(22,26,48,.18);
}

.leftbar .menubar{
    border-radius:20px;
}

.menu2{
    display:none;

    color:#fff;

    padding:
        18px 20px;

    font-size:18px;

    font-weight:700;

    line-height:28px;

    cursor:pointer;

    background:
        rgba(255,255,255,.03);
}

.menu2 i{
    margin-right:10px;
}

/* =====================================================
   ACCOUNT USER NAME
===================================================== */

.menu__wrapper > h4{
    padding:
        18px 10px 10px !important;

    margin:0;

    font-size:20px;

    color:#fff !important;

    word-break:break-word;
}

/* =====================================================
   ACCOUNT BALANCES
===================================================== */

.topbar{
    padding:
        8px;

    margin:
        5px 8px 12px;
}

.topbar__bottom{
    text-align:center;
}

.topbar__balance{
    background:
        rgba(255,255,255,.055) !important;

    padding:
        15px 10px;

    margin-bottom:
        9px;

    border-radius:
        15px;

    border:
        1px solid
        rgba(255,255,255,.05);
}

.topbar__balance p{
    color:
        rgba(255,255,255,.62);

    font-size:
        12px;

    font-weight:
        500;

    margin:0;

    line-height:
        1.5em;
}

.topbar__balance p b{
    display:block;

    margin:
        3px 0;

    font-size:
        25px;

    color:#fff;
}

.topbar__balance p span{
    color:
        rgba(255,255,255,.55);
}

/* =====================================================
   LEFT MENU
===================================================== */

.leftbar__menu{
    padding:
        7px;

    margin:0;

    list-style:none;
}

.leftbar__menu li{
    display:block;
}

.leftbar__menu li a{
    position:relative;

    display:flex;

    align-items:center;

    min-height:46px;

    padding:
        8px 12px;

    margin:
        3px 0;

    border-radius:
        12px;

    color:
        rgba(255,255,255,.72);

    text-decoration:none;

    text-transform:none;

    font-size:14px;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.leftbar__menu li a:hover{
    color:#fff;

    background:
        rgba(255,255,255,.08) !important;

    transform:
        translateX(3px);
}

.leftbar__menu li a i{
    width:36px;

    min-width:36px;

    height:36px;

    display:flex;

    align-items:center;
    justify-content:center;

    margin-right:9px;

    padding:0;

    border-radius:10px;

    background:
        rgba(255,255,255,.06);

    color:#b7adff;
}

.leftbar__menu li a span{
    padding-right:5px;
}

/* =====================================================
   BALANCE HERO CARD
===================================================== */

.fc-balance-card{
    position:relative;

    overflow:hidden;

    padding:28px;

    border-radius:
        22px;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #171b2d,
            #5145c5
        );

    box-shadow:
        0 20px 45px
        rgba(81,69,197,.22);
}

.fc-balance-card:after{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    right:-80px;
    top:-100px;

    border-radius:50%;

    background:
        rgba(255,255,255,.08);
}

.fc-balance-card > *{
    position:relative;
    z-index:2;
}

/* =====================================================
   BALANCE NUMBER
===================================================== */

.fc-balance-number{
    font-size:
        clamp(32px,5vw,52px);

    line-height:1;

    font-weight:900;

    letter-spacing:-1px;
}

/* =====================================================
   PACKAGE / TARIF CARDS
===================================================== */

.col-md-4 .card,
.col-sm-6 .card{
    height:calc(100% - 15px);
}

.col-md-4 .card img,
.col-sm-6 .card img{
    max-width:75%;

    max-height:180px;

    object-fit:contain;

    padding:15px;

    transition:
        transform .35s ease;
}

.col-md-4 .card:hover img,
.col-sm-6 .card:hover img{
    transform:
        translateY(-5px)
        scale(1.04);
}

/* =====================================================
   PACKAGE TITLE
===================================================== */

.col-md-4 .card-header,
.col-sm-6 .card-header{
    font-size:17px;
}

/* =====================================================
   BADGES
===================================================== */

.badge{
    border-radius:
        8px;

    padding:
        6px 9px;

    font-weight:600;
}

/* =====================================================
   PAGINATION
===================================================== */

.page-link{
    border:0;

    margin:2px;

    border-radius:9px !important;

    color:
        var(--fc-primary);

    background:#fff;
}

.page-item.active .page-link{
    background:
        var(--fc-primary);

    border-color:
        var(--fc-primary);
}

/* =====================================================
   FOOTER
===================================================== */

.fc-footer{
    margin-top:45px;

    padding:
        30px 15px;

    text-align:center;

    color:
        #8b93a5;

    font-size:13px;
}

.fc-footer a{
    color:
        var(--fc-primary);

    text-decoration:none;
}

/* =====================================================
   LOGIN / REGISTER
===================================================== */

.fc-auth-wrapper{
    max-width:480px;

    margin:
        45px auto;
}

.fc-auth-card{
    padding:32px;

    background:#fff;

    border:
        1px solid
        var(--fc-border);

    border-radius:
        22px;

    box-shadow:
        0 20px 55px
        rgba(31,35,55,.09);
}

.fc-auth-logo{
    text-align:center;

    margin-bottom:25px;
}

.fc-auth-logo img{
    max-width:190px;
    max-height:70px;

    object-fit:contain;
}

/* =====================================================
   ICON BOX
===================================================== */

.fc-icon{
    width:48px;
    height:48px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    border-radius:14px;

    background:
        rgba(108,92,231,.1);

    color:
        var(--fc-primary);

    font-size:19px;
}

/* =====================================================
   EMPTY / INFORMATION BLOCK
===================================================== */

.fc-info-box{
    padding:20px;

    border-radius:
        16px;

    background:
        #f7f8fc;

    border:
        1px solid
        var(--fc-border);
}

/* =====================================================
   DESIGN BANNER
===================================================== */

.fc-banner{
    position:relative;

    min-height:220px;

    display:flex;

    align-items:center;

    overflow:hidden;

    padding:30px;

    border-radius:
        22px;

    background:
        linear-gradient(
            135deg,
            #20263b,
            #5145c5
        );

    color:#fff;

    margin-bottom:25px;
}

.fc-banner img{
    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    opacity:.45;
}

.fc-banner-content{
    position:relative;
    z-index:2;

    max-width:650px;
}

/* =====================================================
   MOBILE
===================================================== */

@media(max-width:991px){

    .navbar{
        min-height:64px;
    }

    .content,
    .leftbar{
        width:100%;
        float:none;

        margin:
            0 0 12px 0;
    }

    .leftbar{
        border-radius:
            18px;
    }

    .menu2{
        display:block;
    }

    .menu__wrapper{
        max-height:0;

        overflow:hidden;

        transition:
            max-height .35s ease;
    }

    html.min-menu .menu__wrapper{
        max-height:1400px;
    }

    html.min-menu .leftbar{
        width:100%;
        float:none;
    }

    html.min-menu .content{
        width:100%;
        float:none;
        margin-left:0;
    }

    .content > div{
        margin:0;
        padding:10px;
    }

    .title{
        font-size:21px;
        margin:18px 0;
    }

    .jumbotron{
        padding:35px 25px;
        min-height:300px;
        border-radius:22px;
    }

    .jumbotron h1{
        font-size:34px;
    }

    .wrapper{
        padding:18px;
    }

}

@media(max-width:575px){

    body{
        font-size:14px;
    }

    .container-xl{
        padding-left:12px;
        padding-right:12px;
    }

    .navbar-brand{
        font-size:17px;
    }

    .jumbotron{
        padding:28px 20px;
    }

    .jumbotron h1{
        font-size:28px;
    }

    .jumbotron p{
        font-size:15px;
    }

    .card-body{
        padding:17px;
    }

    .fc-auth-card{
        padding:22px 18px;
    }

    .fc-balance-card{
        padding:23px;
    }

    .btn{
        font-size:13px;
    }

    .table{
        font-size:12px;
    }

}

/* =====================================================
   SMALL ANIMATION
===================================================== */

@keyframes fcFadeUp{
    from{
        opacity:0;
        transform:translateY(10px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

.card,
.wrapper,
.jumbotron{
    animation:
        fcFadeUp .35s ease both;
}

/* =====================================================
   LEGACY FASTCORE COMPATIBILITY
===================================================== */

.clear{
    clear:both;
}

.clearfix:after{
    content:"";
    display:block;
    clear:both;
}

.btn-outline-dark{
    color:
        var(--fc-text);

    border:
        1px solid
        #cfd5e2 !important;

    background:#fff;
}

.text-primary{
    color:
        var(--fc-primary) !important;
}

.bg-light{
    background:
        #f7f8fc !important;
}

.text-success{
    color:
        #00a383 !important;
}

.text-danger{
    color:
        #e8435d !important;
}

/* =====================================================
   AI CAPITAL
   MOBILE USER HAMBURGER MENU
===================================================== */

@media (max-width:991px){

    /* -------------------------------------------------
       LEFTBAR
    ------------------------------------------------- */

    .leftbar{

        position:relative;

        width:100% !important;

        float:none !important;

        margin:
            0 0 12px 0 !important;

        overflow:visible !important;

        z-index:3000;

    }


    .leftbar .menubar{

        position:relative;

        width:100%;

        overflow:visible !important;

    }


    /* -------------------------------------------------
       HAMBURGER BUTTON
    ------------------------------------------------- */

    .menu2{

        position:relative;

        z-index:3201;

        display:flex !important;

        align-items:center;

        justify-content:flex-start;

        width:100%;

        min-height:56px;

        box-sizing:border-box;

        padding:
            14px 18px;

        border:0;

        border-radius:16px;

        color:#fff;

        background:
            linear-gradient(
                180deg,
                #171b2d,
                #222842
            );

        box-shadow:
            0 10px 30px
            rgba(0,0,0,.20);

        cursor:pointer;

        user-select:none;

        -webkit-user-select:none;

        -webkit-tap-highlight-color:transparent;

        transition:
            width .25s ease,
            height .25s ease,
            border-radius .25s ease,
            background .25s ease,
            transform .2s ease;

    }


    .menu2:active{

        transform:
            scale(.985);

    }


    .menu2 i{

        display:flex;

        align-items:center;

        justify-content:center;

        width:24px;

        min-width:24px;

        height:24px;

        margin-right:10px;

        font-size:20px;

        transition:
            transform .35s
            cubic-bezier(.4,0,.2,1);

    }


    .menu2 span{

        display:block;

        font-size:17px;

        font-weight:700;

    }


    /* -------------------------------------------------
       SIDE DRAWER
    ------------------------------------------------- */

    .menu__wrapper{

        position:fixed !important;

        top:0;

        left:0;

        width:
            min(320px,88vw);

        height:100vh;

        height:100dvh;

        max-height:none !important;

        box-sizing:border-box;

        padding:
            72px 10px 20px;

        overflow-x:hidden !important;

        overflow-y:auto !important;

        background:
            linear-gradient(
                180deg,
                #171b2d,
                #222842
            );

        border-right:
            1px solid
            rgba(255,255,255,.08);

        border-radius:
            0 20px 20px 0;

        box-shadow:
            18px 0 45px
            rgba(0,0,0,.35);

        transform:
            translate3d(-105%,0,0);

        visibility:hidden;

        opacity:0;

        pointer-events:none;

        transition:
            transform .35s
            cubic-bezier(.22,.61,.36,1),
            opacity .25s ease,
            visibility .35s ease;

        z-index:3200;

        -webkit-overflow-scrolling:touch;

    }


    /* -------------------------------------------------
       OPEN DRAWER
    ------------------------------------------------- */

    html.min-menu .menu__wrapper{

        transform:
            translate3d(0,0,0);

        visibility:visible;

        opacity:1;

        pointer-events:auto;

    }


    /* -------------------------------------------------
       HAMBURGER -> X
    ------------------------------------------------- */

    html.min-menu .menu2{

        position:fixed;

        top:10px;

        left:10px;

        width:46px;

        min-width:46px;

        height:46px;

        min-height:46px;

        padding:0;

        margin:0;

        justify-content:center;

        border-radius:12px;

        background:
            rgba(255,255,255,.08);

        box-shadow:none;

        z-index:3300;

    }


    html.min-menu .menu2 span{

        display:none;

    }


    html.min-menu .menu2 i{

        width:24px;

        min-width:24px;

        height:24px;

        margin:0;

        font-size:0;

        transform:
            rotate(90deg);

    }


    html.min-menu .menu2 i:after{

        content:"\f00d";

        font-family:
            "Font Awesome 5 Free";

        font-weight:900;

        font-size:20px;

        line-height:1;

    }


    /* -------------------------------------------------
       DARK OVERLAY
    ------------------------------------------------- */

    .leftbar .menubar:after{

        content:"";

        position:fixed;

        inset:0;

        width:100vw;

        height:100vh;

        height:100dvh;

        background:
            rgba(0,0,0,.48);

        opacity:0;

        visibility:hidden;

        pointer-events:none;

        z-index:3100;

        transition:
            opacity .30s ease,
            visibility .30s ease;

    }


    html.min-menu .leftbar .menubar:after{

        opacity:1;

        visibility:visible;

        pointer-events:auto;

    }


    /* -------------------------------------------------
       PREVENT PAGE SCROLL
    ------------------------------------------------- */

    html.min-menu,
    html.min-menu body{

        overflow:hidden !important;

    }


    /* -------------------------------------------------
       DRAWER CONTENT
    ------------------------------------------------- */

    .menu__wrapper > h4{

        margin-top:0 !important;

    }


    .menu__wrapper .topbar{

        margin-left:0;

        margin-right:0;

    }


    .menu__wrapper .leftbar__menu{

        padding-left:7px;

        padding-right:7px;

    }

}


/* =====================================================
   DESKTOP
===================================================== */

@media (min-width:992px){

    .menu2{

        display:none !important;

    }


    .menu__wrapper{

        position:static !important;

        width:auto !important;

        height:auto !important;

        max-height:none !important;

        padding:0 !important;

        transform:none !important;

        visibility:visible !important;

        opacity:1 !important;

        pointer-events:auto !important;

        overflow:visible !important;

        border:0 !important;

        border-radius:0 !important;

        box-shadow:none !important;

    }

}