/*===============================
    CONTENTS

    - Navbar and Toggle Button
    - Collapsible div that holds the entire menus
    - Tabs
    - Sub Mega Menu Positionig
    - Sub Dropdown
 ===============================*/

@media only screen and (min-device-width: 0px) and (max-device-width: 1024px) {
    
    .megamenu{
        right:0px !important;
        top:59px !important;;
    }
    
    
    /* Navbar and Toggle Button */
    .mobile { background-color: rgb(51, 51, 51); float: left !important; height: 60px !important; width: 100% !important; }
    .main-header nav{width: 100% !important;}
    .navbar-toggle{ float: right; text-align: center; padding: 0; display: block; }
    .navbar-toggle:hover, .navbar-toggle:focus { background-color: transparent; }
    .mobile .navbar-toggle i { padding: 3px 8px; border-radius: 3px !important; }
    navbar-collapse{width:100%;}


    /* Collapsible div that holds the entire menus */
    .collapse { display:none !important; }

    

    /* Tabs */
    ul.menu li {display:table; width:100%; border-right: none;}
    ul.menu li a {border-left: none;  width:100%; float:left;}
    ul.menu li:last-child { float: left; width: 100%;  }
    ul.menu li:hover div { float: none; display: block; position: absolute; z-index: 999999;  width:100% !important;}
    ul.menu li:nth-last-child(2) ul ul { left: -0px; }
    ul.menu li:hover > ul { display: block; position: absolute; z-index: 999999; width: 320px;}
    .menu >li > a { line-height: 15px; height: 46px; padding: 10px 20px; display:table-cell; width:100%; border-bottom: 1px solid #ccc; height: 60px;}
    .mm_item{padding: 10px 10px !important;}
    
    
    /* Sub Mega Menu Positionig */
    ul.menu div.links h3 { padding: 10px; }



    /* Sub Dropdown */
    .dropdown{ top:54px !important; width:100% !important; }
    ul.menu ul { top: 100%; left: 0px !important; }
    ul.menu ul ul { top: 0px; left: 0px; }
    .dropdown a {height: 50px; padding-left: 30px !important; }
    
    /** Multi Column **/
    div.megamenu table, p, .category, span{ margin-top:0px !important; }
    .megamenu table td{display:block; float:left; width:100%;}
    .section_subitem{ padding-top:0px !important; padding-left:10px !important; line-height: 35px; height:35px !important; }
    td.section_subitem{vertical-align: middle;}

}