/*當視窗小於480時，套用此樣式*/
@media (max-width: 480px) {
    .caret::before{
        content: '▾';
        color: #fff;
        font-size: 24px;
        line-height: 28px;
    }
    .caret{
            display: inline-block;
            text-align: center;
            float: right;
            width: 50px;
            height: 30px;
            background: #111;
            border: 0;
            margin-right: -10px;
            border-radius: 30px;
            margin-top: -5px;
    }
    .dropdown-menu{
                position: relative;
                width: 100%;
                background: transparent;
    }
    .dropdown-menu>li>a{
         color: #9d9d9d;
    }
  }

$(function(){
    $('ul.nav li.dropdown>a').click(function(){
        location.href = $(this).attr('href');
    });

    $('.caret').click(function(){
        $(this).parent().next('ul').slideToggle();
            $(this).parent().parent().addClass('dropdown');
  			$(this).parent().parent().toggleClass('open');      
        return false;
    });
	//當視窗大於480時，滑入展開選單
     if($(window).width() > 480){
           $('ul.nav li.dropdown').hover(function() {
              $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
           }, function() {
              $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
          });
      }
});