Thank you for purchase this product. TT Menu Mega Menu plugin component based in Bootstrap 3.+, HTML5 and CSS and JavaScript code.

---

Used CSS Files

Listed below all used css files. If your template / theme already fontawesome or bootstrap css please do not add. Just use menu.css that's it.

---

Used JS Files

Listed below all used js files. If your template / theme already jQuery or bootstrap js please do not add. Just use ttmenu.js, search.js, jquery.fitvid.js that's it.

---

How to use change color scheme?

All our color scheme .css files has been included /css/ folder. You can add any .css files after style.css from your template. For example if you want to use blue style, you should to add blue.css. Use like below;

---

Or you should to remove red color schemes from style.css and paste to the blue.css codes. Open style.css and remove these lines;

                    /* MENU GRADIENT */
                    
                    .demo_changer .demo-icon,
                    .menu-color-gradient .btn-primary,
                    .menu-color-gradient .label-danger,
                    .menu-color-gradient .navbar-brand,
                    .menu-color-gradient .navbar-default .navbar-nav > .open > a,
                    .menu-color-gradient .navbar-default .navbar-nav > .open > a:hover,
                    .menu-color-gradient .navbar-default .navbar-nav > .open > a:focus,
                    .menu-color-gradient .navbar-default .navbar-nav > li > a:focus,
                    .menu-color-gradient .navbar-default .navbar-nav > li > a:active,
                    .menu-color-gradient .navbar-default .navbar-nav > li > a.active,
                    .menu-color-gradient .navbar-default .navbar-nav > li > a:hover {
                        background: #a90329; /* Old browsers */
                        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                        background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
                        background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
                        background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
                        background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
                        background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-8 */
                        opacity:1;
                    }
                    .menu-color-gradient .navbar-default .navbar-toggle:hover,
                    .menu-color-gradient .coldesc:hover {
                        background:#a90329;
                        color:#fff !important;
                    }
                    .menu-color-gradient .form-control:focus {
                        border-color: #a90329;
                        outline: 0;
                        box-shadow:none;
                    }
                    .menu-color-gradient .btn-primary {
                        border-radius:0;
                        font-size:13px;
                        background-color: #a90329 !important;
                        border-color: #a90329 !important;
                        color: #fff !important;
                    }
                    .menu-color-gradient .box ul li:hover .fa {
                        color: #a90329 !important;
                    }
                    .menu-color-gradient .magnifier {
                        background-color:rgba(169,3,41,.9);
                    }