@charset "UTF-8";

.topMenu.puerto-vertical .navbar-inner {
    border: 1px solid #e6e6e6;
    margin: 55px 0;
}

.topMenu.puerto-vertical .puerto-menu {
    background: none;
}

.topMenu.puerto-vertical .puerto-menu li a {
    border-bottom-color: #e6e6e6;
}

.topMenu.puerto-horizontal .puerto-menu li a:not([href]) {
    color: #777;
    cursor: default;
}

/* Each items*/
@media only screen and (min-width: 768px) and (max-width: 950px) {
    .topMenu.puerto-horizontal .puerto-menu,
    .topMenu.puerto-horizontal .extra-panel > table {
        height: 85px;
    }
    .topMenu.puerto-horizontal .puerto-menu li a {
        padding: 12px;
    }
    .topMenu.puerto-horizontal .puerto-menu li a i {
        font-size: 22px;
    }
    .topMenu.puerto-horizontal .puerto-menu li a strong {
        font-size: 12px;
    }
    .topMenu.puerto-horizontal .puerto-menu li a small {
        font-size: 10px;
    }
    .topMenu.puerto-horizontal .puerto-menu li a.search {
        display:none;
    }
    .topMenu.puerto-horizontal .search-mobile {
        display:block !important;
        margin: 20px;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
    }
    .topMenu.puerto-horizontal .puerto-menu li > ul {
        min-width:180px;
    }
    .topMenu.puerto-horizontal .puerto-menu li:hover > ul {
        top: 92px;
    }
    .topMenu.puerto-horizontal .puerto-menu li ul li > ul {
        min-width:150px;
        left:200px;
        top:0;
    }
    .topMenu.puerto-horizontal .puerto-menu li ul li:hover > ul {
        min-width:150px;
        left:180px;
        top:0;
    }
    .topMenu.puerto-horizontal .puerto-menu li ul li ul li ul {
        min-width:150px;
        left:25px !important;
        top:54px;
        border:0;
        border-top:3px solid #3498db;
    }
    .topMenu.puerto-horizontal .puerto-menu li ul li ul li:hover ul {
        top:35px;
    }
    .topMenu.puerto-horizontal .puerto-menu li ul li ul li ul:before {
        border:0;
        border-bottom:5px solid #3498db;
        border-left:5px solid transparent;
        border-right:5px solid transparent;
        left:10%;
        top:-8px;
    }
    .topMenu.puerto-horizontal .puerto-menu li:hover ul a {
        font-size:12px;
    }
    .topMenu.puerto-horizontal .puerto-menu li:hover ul a i {
        font-size:14px;
    }
}

/* search box */
@media (max-width: 1040px) and (min-width: 768px) {
    .topMenu.puerto-horizontal .extra-panel .Module.Search .search-box input {
        width: 100px;
    }
}

@media (max-width: 670px) {
    .topMenu.puerto-horizontal .extra-panel .Module.Search .search-box input {
        width: 120px;
    }
}

@media (max-width: 565px) {
    .topMenu.puerto-horizontal .extra-panel .Module.Search .search-box input {
        width: 60px;
    }
}

@media (max-width: 510px) {
    .topMenu.puerto-horizontal .extra-panel .Module.Search .search-box input {
        width: 30px;
    }
}

@media (max-width: 425px) {
    .topMenu.puerto-horizontal .extra-panel .Module.Search {
        display: none;
    }
}